wxs页面内脚本,在渲染层做数据处理。
wxs是小程序的一套脚本语言,结合wxml,可以构建出页面的结构。wxs可以用来写一些函数,辅助做一些渲染层的数据处理。
wxs模块:wxs代码可以编写在wxml文件中的<wxs>标签内,也可以写在以.wxs为后缀名的文件中。每个模块都有自己独立的作用域,需要使用【module.export={xxx:xxx}】导出模块,引入【<wxs module=”tool” src=”tool.wxs” />】
案例如下:
【页面输出结果展示】 【js文件】
【wxml文件】
num.toFixed(2):将数字num保留两位小数点
<text>wxs模块的使用</text>
<view>{{num1}}</view>
<view>{{num1>1000 ? num1/1000+'k':num1}}</view>
<view>{{numTool.parseNum(num1)}}</view>
<view>{{numTool.parseNum(num2)}}</view>
<wxs module="numTool">
function parseNUm(num){
if (num < 1000){
return num
}
if (num >= 1000 && num < 10000){
return (num / 1000).toFixed(2) + "k"
}
if (num>=10000){
return (num / 10000).toFixed(2) + "w"
}
}
module.exports={
parseNum:parseNUm
}
</wxs>