小程序wxs是作用

wxs weixin script，小程序的腳本語言；可以結合wxml構建頁面結構；

說白了 就是在小程序里面寫函數表達式的地方；

wxml里面直接使用wxs，有錯誤再次刷新就能解決

<wxs module="info">
var str = '小明';
var fun = function (a,b){
  return a + b
}
module.exports={
  str : str,
  fun:fun
}
</wxs>

<view>{{info.str}}</view>
<view>{{info.fun(11,44)}}</view>

外部引入wxs語法

wxs.wxs

//    必須，只能用ES5語法；
var str = '小明'
var fun = function (a, b) {
  return a + b
}
module.exports = {
//    這里不能簡寫；
  str:str,
  fun:fun
}

引入的wxml頁面

//    這里不能使用絕對路徑，只能使用先對路徑
//    只能一層一層玩外找；
<wxs src="./wxs.wxs" module="info"/>
    
<view>{{info.str}}</view>
<view>{{info.fun(12,33)}}</view>

使用場景

定義變量

data: {
    num :22.232341
},

定義wxs方法

function floats(change,number){
    //    判斷有沒有傳參數，有就用他的沒有就使用2
  var number = number || 2;
    //    如果傳的是字符串，轉為數字
  var f_change = fparseFloat(change)
  return f_change.toFixed(number)
}
module.exports = {
  floats: floats
}

使用wxml

<wxs src="./wxs.wxs" module="info" />
<view>{{info.floats(num)}}</view>

喜歡的小伙伴可以關注我的微信公眾“前端偽大叔”