微信小程序 之wxml保留小数点后两位数的方法及转化为字符串的方法

原理：wxml中不能直接使用较高级的js语法，如‘.toFixed’，‘toString()’，但可以通过引入wxs模块实现效果。

第一步：新建 filter.wxs 文件

var filters = {    
    toFix: function (value) {       
        return value.toFixed(2) // 此处2为保留两位小数，保留几位小数，这里写几    
    },
    toStr: function (value) {       
        return value.toString()
    },
    toNum: function (value) {       
        return value.toNumber()
    },
}
 
module.exports = {   
    toFix: filters.toFix,
    toStr: filters.toStr,
    toNum: filters.toNum,//暴露接口调用
}

第二步 ：WXML中引入WXS

<wxs module="filters" src="../../utils/filters.wxs"></wxs>

第三步：在WXML中使用

<view>
 
{{ filters.toFix(price) }}
 
</view>

注：其他如toString(),toNumber()也可用此类似方法