小程序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(,)}}</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(,)}}</view>

使用场景

定义变量

data: {
num :22.232341
},

定义wxs方法

function floats(change,number){
// 判断有没有传参数，有就用他的没有就使用2
var number = number || ;
// 如果传的是字符串，转为数字
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>

喜欢的小伙伴可以关注我的微信公众“前端伪大叔”