微信小程序踩坑（三） —— 在小程序中使用過濾器

新建filter.wxs文件

在你想放置過濾器的目錄下，創建xxx(你的文件命名).wxs文件，可以放在工具類或者是新建過濾器文件夾。

寫過濾器

// 使用var定義一個json開頭 將所有的過濾器寫在unit中
var unit = {
  // 定義一個函數作為過濾器 參數text為傳來的原始值
  reduceSecond: function(text) {
    if(text !== '' && text != undefined) {
      // 操作之后再將值return回去
      return text.substring(0, text.length - 3);
    } else {
      return text
    }
  }
}

// 導出過濾器 這段代碼必寫
module.exports = {
  // 格式為 導出的名字: json名字.函數名字 
  reduceSecond: unit.reduceSecond
}

調用過濾器

在需要使用過濾器的wxss文件中， 引用過濾器

<!-- src為filter.wxs的路徑 絕對相對都可以 -->
<wxs module="filter" src="../../../../filter/filter.wxs" />

<view>{{filter.reduceSecond(item.text)}}</view>