微信小程序页面怎么添加js代码

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

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

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

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

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

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

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

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