当我们创建页面时
发现有个.wxs文件
发现有个.wxs文件,关于wxs文件如何使用呢?
WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。 wxs可以说就是为了满足能在页面中使用js存在的,在wxml页面中,只能在插值{{ }}中写简单的js表达式,而不能调用方法,例如直接在wxml页面中直接保留数据的小数点的后两位。 通常的解决办法是在page的data对象中先把这个数据截赋给某个变量,然后在页面中使用这个变量,但是问题又来了,如果变量多了呢,是不是要定义很多次。
相对来说wxml中使用js语法就比较薄弱了,wxs就是弥补了这样的短处。
关于wxs文件的使用方法如下: .wxs的实例代码为:
<!-- page/tools.wxs -->
var bar = function (a,b) {
var total = a * b;
total = total.toFixed(2);//保留两位小数
return total;
}
module.exports = { bar: bar};
在wxml中引用代码:
<!-- page/index/index.wxml -->
<wxs src="./../tools.wxs" module="tools" />
<view> {{tools.bar(2,3)}} </view>
最后输出结果如图:
结果
注意: