微信小程序のwxs

WXS(WeiXin Script)是小程序的一套腳本語言,結合 WXML,能夠構建出頁面的結構。html

wxs能夠說就是爲了知足能在頁面中使用js存在的,在wxml頁面中,只能在插值{{ }}中寫簡單的js表達式,而不能調用方法,例如想取出一個字符串的最後一位,就不能調用slice()方法。小程序

一般的解決辦法是在page的data對象中先把這個字符串截取好賦給某個變量,而後在頁面中使用這個變量,可是問題又來了,若是變量多了呢,是否是要定義不少次。數組

在html中引入像artTemplate這樣的模板後,在頁面中只要在界限符內就能使用任何js語法,而不單單只是顯示出表達式。3d

相對來講wxml中使用js語法就比較薄弱了,wxs就是彌補了這樣的短處。code

使用 ①寫好wxs文件 而後導出要使用的方法或變量xml

②在待使用頁面 使用<wxs src="/path" module="tools" />引入htm

③在插值{{}}中使用tools.method_name(para)對象

例如截取字符串blog

function my_slice(str,a,b){
  return str.slice(a,b);
}
module.exports = {
  my_slice: my_slice
}
<wxs src="../../utils/string.wxs" module="tools" />
<view>
  {{tools.my_slice("123456789",0,5)}}
</view>

等等使用方法,操做數組、字符串、對象等均可以實現,可是某些方法可能和原生js有衝突,絕大部分語法仍是同樣的。ip

相關文章
相關標籤/搜索