今天给有开发小程序时,主要是涉及电商类的小程序二开时经常到上小数点后面一大串问题,原理:wxml中不能直接使用较高级的js语法,如‘.toFixed’,‘toString()’,但可以通过引入wxs模块实现效果
理:wxml中不能直接使用较高级的js语法,如‘.toFixed’,‘toString()’,但可以通过引入wxs模块实现效果
1.新建
文件,
varfilters={toFix:function(value){returnvalue.toFixed(2)//此处2为保留两位小数,保留几位小数,这里写几},toStr:function(value){returnvalue.toString()},toNum:function(value){returnvalue.toNumber()},}module.exports={toFix:filters.toFix,toStr:filters.toStr,toNum:filters.toNum,//暴露接口调用}2.WXML中引入WXS
3.在WXML中使用
view{{filters.toFix(price)}}/view其他如toString(),toNumber()也可用此类似方法
如商品价格保留两位小数,原代码及修改后有代码对应如下
修改小数前格式样式{{item.price*item.num}}
修改后样式{{filters.toFix(item.price*item.num)}}