微信小程序页面如何添加js代码

微信小程序页面如何添加js代码

微信小程序页面添加js代码的案例：

wxml中不能直接使用js语法，但可以通过引入wxs模块实现效果。

1.新建“filter.wxs”，代码：

varfilters={
toFix:function(value){
returnvalue.toFixed(2)//此处2为保存两位小数，保存几位小数，这里写几
},
toStr:function(value){
returnvalue.toString()
},
toNum:function(value){
returnvalue.toNumber()
},
}
module.exports={
toFix:filters.toFix,
toStr:filters.toStr,
toNum:filters.toNum,//暴露接口调用
}varfilters={
toFix:function(value){
returnvalue.toFixed(2)//此处2为保存两位小数，保存几位小数，这里写几
},
toStr:function(value){
returnvalue.toString()
},
toNum:function(value){
returnvalue.toNumber()
},
}
module.exports={
toFix:filters.toFix,
toStr:filters.toStr,
toNum:filters.toNum,//暴露接口调用
}

2.在对应的wxml文件中引入wxs，代码：

<wxsmodule="filters"src="../../utils/filters.wxs"></wxs>

3.在对应的wxml文件中使用，代码：

<view>
{{filters.toFix(price)}}
</view>

本文来源：https://www.yuntue.com/post/79673.html | 云服务器网，转载请注明出处！