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

小程序的计算属性

作者: 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