在小程序的 wxml 文件中使用 js 函数

在小程序的开发过程中，有时候会用到直接在 wxml 中写 js 方法，比如处理数据：保留两位小数。这样如果在 js 文件中直接处理后台返回数据会比较繁琐，所以就用到了 wxs 文件。

wxs可以说就是为了满足能在页面中使用js存在的，在wxml页面中，只能在插值{{ }}中写简单的js表达式，而不能调用方法，

<view class="coupon-name">{{ sub(couponItem.couponName,12) }}</view>

上边这种写法不生效，在小程序中是不支持这种语法的。

解决方法

（1）需要创建一个wxs文件

// sub.wxs
var sub = function (str, length) {
  return str && str.slice(0, length)
}
module.exports.sub = sub;

（2）在wxml文件中引入该文件，并调用你想要用到的函数

<wxs src="./sub.wxs" module="tools" />
...
...

 <view class="coupon-name">{{ tools.sub(couponItem.couponName,12) }}</view>