在小程序的开发过程中,有时候会用到直接在 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> 
Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐