小程式居然可以用WXS模擬實現過濾器!

我是敏敏啦發表於2019-03-01

小程式目前官方還沒有出過濾器,特別不方便,但是可以用wxs來模擬過濾器,話不多說,直接上程式碼。當然,不熟悉wxs的可以先看一下 官方文件

1.新建一個filter.wxs的檔案

小程式居然可以用WXS模擬實現過濾器!

我個人建議是一個過濾器寫一個wxs,避免引用用不到的過濾器,不過都寫到一個裡面也是可以的。

2.在filter.wxs裡寫需要的方法(我這裡以訂單狀態為例)

小程式居然可以用WXS模擬實現過濾器!

3.在需要的wxml裡引入filter.wxs

<wxs module="_orderFilter" src="../../filter/orderStatus.wxs"></wxs>

<view>
    {{_orderFilter.orderStatus(order.status)}}
</view>複製程式碼

這樣就ok啦~


相關文章