温馨提示×

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

小新
318
2020-12-16 14:59:11
栏目: 云计算

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

0