微信小程序如何在wxml调用JS函数

在微信小程序中调用一个对象的属性时，需要用JS在页面中进行处理，直接调用函数是不行的，它不像Vue一样，可以直接在模板渲染里面调用JS函数。

<view class="price text-red text-lg">
  <!-- 价格保留两位小数 -->
  ￥{{Math.floor((data.price * data.discount) * 100) / 100)}}
</view>

因此，需要在外部创建一个.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>

微信小程序如何在wxml调用JS函数

原文：https://www.cnblogs.com/shiramashiro/p/14927792.html