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

原理: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()也是类似的用法

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 2.4.2 WXS WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结...
    wangbu2阅读 1,287评论 0 2
  • 最近学习小程序,记录一下(2018.4.6) 目录结构1.为了方便开发者减少配置项,描述页面的四个文件必须具有相同...
    ZZES_ZCDC阅读 4,895评论 0 6
  • 微信小程序代码复用技术-模板/组件/插件 MD by Jimbowhy and you can visit my ...
    坚果jimbowhy阅读 10,891评论 1 13
  • 微信小程序官方文档 一、准备工作 申请账号 安装开发工具(微信自己的开发工具) 微信自己弄了一套语言,目录结构如下...
    Viaphlyn阅读 450评论 0 0
  • 时间在不知不觉中从我们的脚下悄悄溜走,有时我们还来不及想就已逝去。回望过去,一年的光阴,365天,四季就像流星划过...
    吴晓雅阅读 275评论 0 0