原理

小程序的计算属性和Vue.js的不太一样——小程序在.wxml（不是.js）文件中定义（其实是借用wxs标签实现的） 例如：

1
2
3
4
5
6
7
8
9
10
11
12
<view class="container">
  <wxs module="fn">
    module.exports = {
      getSearchList: function (searchList) {
        searchList[2].hidden = !searchList[1].value
        searchList[4].hidden = !searchList[3].value
        return searchList.filter(function (item) { return !item.hidden })
      },
    }
  </wxs>
  <text wx:for="{{fn.getSearchList(searchItems)}}">{{item.text}}</text>
</view>

Tips

在wxs文件中是不能使用this.data去获取到数据的，需要在调用方法时手动传入数据信息，往函数里传入data中的字段，以及在wxs中，很多es6的写法是不支持的！！！！！