再探「微信小程式」 wxs的使用

2021-10-01 02:55:40 字數 1051 閱讀 5202

wxs檔案 —— 可用於專門寫(元件化)(通用)js**。

像html中引用js(檔案)一樣,wxs**同樣既可以寫在單獨檔案中,也可以寫在wxml檔案中,可直接掉用

比如:如果將wxs**單獨檔案書寫,我們可以用如下方式引入檔案:

"檔案相對路徑" module=

"util"

/>

abc.wxs

var

format

=function

(text)

// 防報錯

var reg=

getregexp

('\\\\n'

,'g');

return text.

replace

(reg,

'\n ')}

module.exports=

然後在main.wxml中使用,如:

"../abc.wxs" module=

"util"

/>

...}<

/text>

wxs與js不同的地方在於:wxs能夠在wxml中被「直接」呼叫

(注意:wxs語法雖然類似於js,但絕不能盲目使用js語法。)

上面還說可以直接在wxml檔案中寫wxs,比如

這個當然可以用 三目運算子 完成,不過使用wxs效率上要高一些:

class

="}"

>

<

/view>

"tool"

>

varheightt

=function

(index)

if(index==1)

return''}

module.exports=

<

/wxs>

微信小程式wxs的使用

先上官方文件 在開發中常用作過濾器,像vue的filter,廢話不說,上 對字串進行分隔程陣列,用在xml的迴圈展示 var msplit function str return str.split 複製 如何使用?新建wxs檔案,複製上面 記得將方法匯出,這樣在wxml裡面才能引入,上 modul...

微信小程式 wxs

wxs weixin script 是小程式的一套指令碼語言,結合wxml,可以構建出頁面的結構。wxs可以說就是為了滿足能在頁面中使用js存在的,在wxml頁面中,只能在插值 中寫簡單的js表示式,而不能呼叫方法,例如想取出乙個字串的最後一位,就不能呼叫slice 方法。通常的解決辦法是在page...

在微信小程式中使用wxs

官方文件 上述是直接在.wxml中使用,也可以放在公共方法裡面,方便在各個頁面中呼叫 例如在util資料夾中新增乙個 subutil.wxs,作用於段落超出17個字元自動擷取並顯示省略號 var sub function val if val.length 17 else module.export...