小程序的wxs


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

1、能干的事:

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

2、創建wxs文件

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

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、使用

如果是新建的一個wxs文件,那么首先需要引入,定義一個wxs標簽,module是這個wxs文件的別名,后續使用都是用這個名稱

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

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

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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM