wepy 使用filter過濾器

作為過濾器，filter的好處不言而喻，使用過vue的雄蝶內心樂開了花

那么在wepy中，遇到需要計算的數據，要如何使用filter去處理呢

新建.wxs文件

文件名稱、位置自己看着來，當然能夠一目了然最好

 

 

 

而內容就和vue中的filter有什么區別呢 

區別不大 

vue是使用export把函數暴露出去的，wepy我是使用module.exports（不專業，希望能夠得到專業人士的指導）

module.exports = {
  effect_cycle: function (value) {
    if (value == 1) {
      return '年'
    } else if (value == 2) {
      return '月'
    } else if (value == 3) {
      return '日'
    }
  }
　...
}

.wpy文件內使用

　引入：

 

import filters from '../../utils/filter.wxs'

export default class ContractList extends wepy.page {

　wxs = {
　　filter: filters
　}

　...

}

　使用：

<view>合同周期: {{ item.effect_cycle }} (單位/{{filter.effect_cycle(item.cycle_type)}})</view>

　　注意看我標出來的顏色，如果你修改了一個名稱，對應的同色變量都要保持一致哦

 

到這里，就可以成功的在wepy中使用filter了