午夜91福利视频,午夜成人在线观看,午夜在线视频免费观看,午夜福利短视频,精品午夜成人免费视频APP

小程序模板網

小程序的wxs的使用

發布時間:2021-07-07 08:57 所屬欄目:小程序開發教程

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>


易優小程序(企業版)+靈活api+前后代碼開源(yuan) 碼云倉(cang)庫:
本文地址://www.jinyoudianli.com/wxmini/doc/course/27057.html 復制鏈接 如需定制請聯系(xi)易優客服(fu)咨(zi)詢:

工作日 8:30-12:00 14:30-18:00
周六及(ji)部分(fen)節假日(ri)提供值班服(fu)務

易小優(you)
轉人工(gong) ×