微信小程序实现wxml中数据保留小数或取整

在wxml中如何将浮点数保留一位两位小数?

例如:3.1415926 ——> 3.14

一、在wxml页面中引入wxs文件(此文件见步骤三)

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

二、在wxml页面中使用

此处 money 为变量 1.保留两位小数:

<view>
	<span>{
          
   {
          
   filters.toFix2(money)}}</span>
</view>

2.保留一位小数:

<view>
	<span>{
          
   {
          
   filters.toFix1(money)}}</span>
</view>

3.保留整数:

<view>
	<span>{
          
   {
          
   filters.toFix(money)}}</span>
</view>

三、在步骤一中引入的文件

addmul.wxs

var filters = {
          
   
  toFix2: function (value) {
          
   
    return parseFloat(value).toFixed(2)//此处2为保留两位小数
  },
  toFix1: function (value) {
          
   
    return parseFloat(value).toFixed(1)//此处1为保留一位小数
  },
  toFix: function (value) {
          
   
    return parseFloat(value).toFixed(0)//此处0为取整数
  }
}
module.exports = {
          
   
  toFix2: filters.toFix2,
  toFix1: filters.toFix1,
  toFix: filters.toFix
}

结束,拿走请扣 6

经验分享 程序员 微信小程序 职场和发展