小程序模板網(wǎng)

小程序的wxs的使用

發(fā)布時(shí)間:2021-07-07 08:57 所屬欄目:小程序開發(fā)教程

wxs是小程序的一種小程序的腳本語言,結(jié)合wxml可以構(gòu)建頁面的結(jié)構(gòu),其語法類似es5,不支持類似es6以上的語法形式,可以用wxs來編寫過濾器

1、能干的事:

  wxml中是不能使用函數(shù)的,但是如果你要在wxml的頁面中使用函數(shù)的話,wxs可以做到

2、創(chuàng)建wxs文件

  可以直接在wxml中直接創(chuàng)建(類似于在html中寫js),也可以在根目錄下新建一個(gè)util存放,wxs文件后綴是 .wxs。在wxs文件中,直接聲明函數(shù)就可以了,然后用module.exports導(dǎo)出(類似于單獨(dú)寫一個(gè)js文件,然后引入)

var format = function(text){
  if(!text){
    return 
  }
  /**正則表達(dá)式的編寫 getRegExp第一個(gè)參數(shù)是要被替換的字符 第二個(gè)參數(shù)是全部的意思 */
  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、使用

如果是新建的一個(gè)wxs文件,那么首先需要引入,定義一個(gè)wxs標(biāo)簽,module是這個(gè)wxs文件的別名,后續(xù)使用都是用這個(gè)名稱

<wxs src="../../util/filter.wxs" module="util" />

使用:util是上面定義的別名,format是wxs文件中定義的一個(gè)方法,該方法需要傳入一個(gè)參數(shù)

<text class="content" decode="true">{{util.format(book.summary)}}</text>


易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://22321a.com/wxmini/doc/course/27057.html 復(fù)制鏈接 如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢