小程序的计算属性

2021-08-06  本文已影响0人  love_peaches

小程序没有所谓的compute计算属性,看文档发现有wxs模版,这个可以充当是小程序的计算属性了。
具体的使用方法如下:(记录一下,怕时间久了忘记了)

【官方文档地址】(https://developers.weixin.qq.com/miniprogram/dev/reference/wxs/
1.可以在根目录下新建一个util存放,wxs文件后缀是 .wxs。在wxs文件中,直接声明函数就可以了,然后用module.exports导出(类似于单独写一个js文件,然后引入)

<wxs src="../../util/filter.wxs" module="util" />

也可以直接在wxml中直接创建,如下

<wxs module="util">
  var checkCouponData=function(coupons){
    if(coupons){
      var newList = coupons.filter(function(el){
        return el.valid == true
      })
      return newList.length
    }
    return 0
}
  module.exports = {
    checkCouponData:checkCouponData
  }
</wxs>

2.使用:util是上面定义的别名,checkCouponData是wxs文件中定义的一个方法,该方法需要传入一个参数

 <view wx:if="{{ util.checkCouponData(coupons) > 0 }}" class="opCoupon"></view>

上一篇 下一篇

猜你喜欢

热点阅读