wxs是小程序的(de)一種(zhong)小程序的(de)腳本語(yu)言,結合wxml可(ke)以構建頁(ye)面的(de)結構,其(qi)語(yu)法類(lei)似(si)es5,不支持類(lei)似(si)es6以上的(de)語(yu)法形式,可(ke)以用wxs來編寫過濾(lv)器
1、能干的(de)事(shi):
wxml中(zhong)是(shi)不能使用(yong)(yong)函數的(de),但是(shi)如果你要(yao)在wxml的(de)頁面(mian)中(zhong)使用(yong)(yong)函數的(de)話(hua),wxs可以做到
2、創建wxs文件
可(ke)以(yi)直(zhi)接(jie)在(zai)wxml中直(zhi)接(jie)創建(類似(si)于在(zai)html中寫js),也可(ke)以(yi)在(zai)根目錄(lu)下(xia)新建一個util存(cun)放,wxs文件后綴是 .wxs。在(zai)wxs文件中,直(zhi)接(jie)聲明(ming)函數(shu)就可(ke)以(yi)了(le),然后用module.exports導出(chu)(類似(si)于單獨寫一個js文件,然后引入(ru))
var format = function(text){
if(!text){
return
}
/**正則表達式的編寫 getRegExp第一個參數是要被替換的字符 第二個參數是全部的意思 */
var reg= getRegExp('\\\\n', 'g');
return text.replace(reg, '\n ');
}
var limit = function(array, length){
return array.slice(0, length)
}
module.exports = {
format: format,
limit: limit
}
|
2、使用
如果是新建的一(yi)個wxs文件,那么首先需要引入(ru),定(ding)義一(yi)個wxs標簽,module是這個wxs文件的別(bie)名,后續使用都是用這個名稱
<wxs src="../../util/filter.wxs" module="util" />
使用(yong):util是上面定義(yi)的別名,format是wxs文件中定義(yi)的一(yi)個(ge)方(fang)法(fa),該方(fang)法(fa)需要傳(chuan)入一(yi)個(ge)參(can)數(shu)
<text class="content" decode="true">{{util.format(book.summary)}}</text>