-
WXS(WeiXin Script)是小程式的一套指令碼語言, 結合 WXML, 可以構建出頁面的結構, 那麼如何使用呢?
-
封裝common.wxs
<!-- common.wxs -->
var vailFormat = function (value) {
return value / 1000 + '千'
}
module.exports = {
vailFormat: vailFormat
}
複製程式碼
- example.wxml頁面使用common.wxs
/* wxs是可以直接在wxml頁面使用的 相當於vue.js的過濾器 wxml頁面使用必須用wxs標籤匯入 且需要定義module名 否則無法使用 如果不使用wxs 就需要對陣列進行迴圈 操作dom 容易出錯 使用wxs很簡單 方便且可以公用*/
<wxs src="common.wxs" module="common">
<view wx:for="{{list}}" wx:key="{{index}}">{{common.vailFormat(item)}}</view>
複製程式碼
- example.js
data: {
list: [1000, 2000, 3000, 4000]
}
複製程式碼