微信小程序頁面怎么添加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>