美文网首页
微信小程序wxml中保留小数点后2位的方法

微信小程序wxml中保留小数点后2位的方法

作者: 95362357deda | 来源:发表于2018-06-04 18:39 被阅读3603次

    原理:wxml中不能直接使用较高级的js语法,如`.toFixed`,但可以通过引入wxs模块实现效果

    1、 新建一个`filter.wxs`

    ```

    var filters = {

        toFix: function (value) {

            return value.toFixed(2) // 此处2为保留两位小数,保留几位小数,这里写几

        }

    }

    module.exports = {

        toFix: filters.toFix,toNumber: filters.toNumber,

    }

    ```

    2、 WXML中引入WXS

    ```

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

    ```

    3、 WXML中使用

    ```

    <wxml>

    {{ filters.toFix(price) }}

    </wxml>

    ```

    其他如Numer()也是类似的用法

    相关文章

      网友评论

          本文标题:微信小程序wxml中保留小数点后2位的方法

          本文链接:https://www.haomeiwen.com/subject/hypgwxtx.html