微信小程序的wxml实现复杂运算或者数据处理

在微信小程序的wxml中可以在{{}}进行里进行简单的三目运算。但是复杂的比如字符串截取,parseInt()、str.split()、num.toFixed()，substring等在{{}}里是无效的。本文旨在解决这个问题

1.在wxml中执行复杂运算

<wxs module="fn">module.exports = {parseInt:function(num){return "约"+parseInt(num)}，split:function(str){return str.split(",")}，toFixed:function(num){return (num).toFixed(2)}},substrLast: function (str) {//字符串截取return str.substring(str.indexOf("-") + 1);},substrFirst: function (str) {return  str.substring(0,str.indexOf("-"));}
</wxs><view><view class='num'>{{amount>10000?fn.parseInt(amount/10000):amount}}</view><text class='text'>消费额（{{amount>10000?"万元":"元"}}）</text><text class='text'>{{fn.substrFirst(122+"-"+ffa)}}</text></view>

2.在模板的wxml中执行复杂运算

<template name="ordersTmp"><view  class="ordersTmpBox"> <view class="detail"> 消费额:{{fn.parseInt(amount/10000)}}万元</view></view><wxs module="fn">module.exports = {parseInt:function(num){return "约"+parseInt(num)}，split:function(str){return str.split(",")}，toFixed:function(num){return (num).toFixed(2)}}</wxs>
</template>

微信小程序的wxml实现复杂运算或者数据处理相关推荐

微信小程序的 .wxml文件中如何加入多个空格
微信小程序的 .wxml文件中如何加入空格一.直接按空格键二.使用不换行空格 ` ` 一.直接按空格键注意:连续多个空格被视为一个空格代码演示: <text> 你好按了一次空格键 ...
微信小程序：WXML 模板
微信小程序:WXML 模板一.WXML 模板网页编程采用的是 HTML + CSS + JS 这样的组合,其中 HTML 是用来描述当前这个页面的结构,CSS 用来描述页面的样子,JS 通常是用来 ...
微信小程序（WXML语法、WXSS样式、事件系统、WXS脚本语法）
三.微信小程序视图层框架的视图层由 WXML 与 WXSS 编写,由组件来进行展示.将逻辑层的数据反应成视图,同时将视图层的事件发送给逻辑层. ●WXML(WeiXin Markup languag ...
wxml 判断小程序_微信小程序(一)WXML模板
WXML模板本节学习目标 (1)了解wxml的基本概况和设计理念 (2) 掌握wxml语言的各种常用语法 (一)wxml是什么 wxml 是微信小程序团队设计的一套标签语言,可以构造出页面的结构,类 ...
微信小程序中wxml的标签说明
对于不熟悉web开发的童鞋来说,开发微信小程序会遇到一个比较大的困难就是界面的排版问题了.其中wxml文件中的很多标签都需要慢慢的去熟悉,下面我就列出常用的标签及其分类.能够帮助之前没有经历过微信小程 ...
微信小程序的wxml、wxss、js、json的理解
微信小程序的基础学习(2) 小程序的有些语言,有时候按照官方的解释来理解非常的吃力,会把初学者搞得很懵很难受,不知道从何下手! 文件夹下四个文件的理解: 文件中文解释(个人理解) .wxml 小程序 ...
微信小程序在 wxml 文件中使用 Array.includes 方法
微信小程序中不能直接在wxml使用includes,否则不起作用需要通过wxs使用: 1.在wxs下创建一个includes.wxs var includes = function (array, ...
微信小程序在wxml页面中截取字符串
前言当你兴致勃勃的在微信小程序 wxml 页面中使用 substring 方法截取字符串时,你会发现原本适用于 vue 的方法在微信小程序中压根不适用,经查阅,原来微信小程序有自己独一套的处理方法. ...
微信小程序中wxml和wxss的样式说明，彻底搞定布局排版
对于css不熟悉的Android程序员来说,开发微信小程序面临的一个比较困难的问题就是界面的排版了.微信小程序的排版就跟wxml和wxss有关了,它们两者相当于android的布局文件,其中wxml指 ...

微信小程序的wxml实现复杂运算或者数据处理

1.在wxml中执行复杂运算

2.在模板的wxml中执行复杂运算

微信小程序的wxml实现复杂运算或者数据处理相关推荐

最新文章

热门文章