美文网首页
小程序的计算属性

小程序的计算属性

作者: love_peaches | 来源:发表于2021-08-06 16:11 被阅读0次

小程序没有所谓的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>

相关文章

网友评论

      本文标题:小程序的计算属性

      本文链接:https://www.haomeiwen.com/subject/itxivltx.html