微信小程序頁(yè)面怎么添加js代碼

微信小程序頁(yè)面添加js代碼的案例：

wxml中不能直接使用js語(yǔ)法，但可以通過(guò)引入wxs模塊實(shí)現(xiàn)效果。

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

var filters = {    
    toFix: function (value) {       
        return value.toFixed(2) // 此處2為保留兩位小數(shù)，保留幾位小數(shù)，這里寫幾    
    },
    toStr: function (value) {       
        return value.toString()
    },
    toNum: function (value) {       
        return value.toNumber()
    },
}
 
module.exports = {   
    toFix: filters.toFix,
    toStr: filters.toStr,
    toNum: filters.toNum,//暴露接口調(diào)用
}var filters = {    
    toFix: function (value) {       
        return value.toFixed(2) // 此處2為保留兩位小數(shù)，保留幾位小數(shù)，這里寫幾    
    },
    toStr: function (value) {       
        return value.toString()
    },
    toNum: function (value) {       
        return value.toNumber()
    },
}
 
module.exports = {   
    toFix: filters.toFix,
    toStr: filters.toStr,
    toNum: filters.toNum,//暴露接口調(diào)用
}

2.在對(duì)應(yīng)的wxml文件中引入wxs，代碼：

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

3.在對(duì)應(yīng)的wxml文件中使用，代碼：

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