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

主机教程 建站分享 2年前 (2022-12-08) 171次浏览

文章摘要:微信小程序页面怎么添加js代码 微信小程序引入js

微信小程序页面添加js代码的案例: wxml中不能直接使用js语法,但可以通过引入wxs模块实现效果。 1.新 […]

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


声明:
若非注明,本站文章源于互联网收集整理和网友分享发布,如有侵权,请联系站长处理。
文章名称:微信小程序页面怎么添加js代码 微信小程序引入js
文章链接:http://www.7966.org/post/16986.html
转载请注明出处

喜欢 (0)