在微信小程序中使用模板渲染时,可能需要用JS对其进行处理。
<view class="price text-red text-lg">
<!-- 价格保留两位小数 -->
¥{{Math.floor((data.price * data.discount) * 100) / 100)}}
</view>
它不像Vue一样,可以直接在模板渲染里面调用JS函数。因此,需要在外部创建一个.wxs
文件,实际上就是JavaScript文件,然后导出函数。
/**
* 保留两位小数
*
* @param decimal 小数
*/
var reserveDecimal = function (decimal) {
return Math.floor(decimal * 100) / 100
}
module.exports.reserveDecimal = reserveDecimal
在wxml文件中导入该wxs文件
<!-- 引入wxs -->
<wxs src="../../utils/index.wxs" module="utils" />
之后就可以调用该函数对模板渲染里面的变量进行处理了
<view class="price text-red text-lg">
<!-- 价格保留两位小数 -->
¥{{utils.reserveDecimal(data.price * data.discount)}}
</view>
请发表评论