为铜仁客户提供一站式小程序制作服务
24小时咨询电话:18085674061

— 帮助中心 —

HELP CENTER
联系我们/ CONTACT US
全国免费客服电话 18085674061

邮箱:4867443@qq.com

手机:18085674061

电话:0856-5202348

地址:铜仁市大数据产业园13楼

产品知识

铜仁微信小程序 保留小数点后两位数的方法及转化为字符串的方法

发布时间:2024-09-24

涉及电商类的小程序二开时经常到上小数点后面一大串题目,原理:wxml中不能直接使用较的js语法,如‘.toFixed’,‘toString()’,但可以通过引入wxs模块实现结果

理:wxml中不能直接使用较的js语法,如‘.toFixed’,‘toString()’,但可以通过引入wxs模块实现结果

1.新建

1
filter.wxs

文件,

1
<span class="hljs-tag"><span class="hljs-string">放utils/目录下</span></span>
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


1
<span class="hljs-tag">&lt;<span class="hljs-name">wxs</span> <span class="hljs-attr">module</span>=<span class="hljs-string">"filters"</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"../../utils/filters.wxs"</span>&gt;&lt;/<span class="hljs-name">wxs</span>&gt;</span>

3.在WXML中使用

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

 

其他如toString(),toNumber()也可用此类似方法

如商品价格保留两位小数,原代码及修改后有代码对应如下

修改小数前格式样式  {{item.price*item.num}} 

修改后样式 {{filters.toFix(item.price*item.num)}}


武陵云来客智能SAAS系统

官网地址:https://www.50yun.net

免费注册:https://www.50yun.net/col-reg/


赶快注册 - 创建自己的线上数字化运营系统吧

标签:

相关推荐

X

截屏,微信识别二维码

微信号:trxianglei

(点击微信号复制,添加好友)

微信号已复制,请打开微信添加咨询详情!