微信小程序实现WXML中直接处理数据，并且保留两位小数

╰+攻爆jí腚メ 2022-12-16 09:05 539阅读 0赞

1.新开一个页面，叫addmul.wxs，写入下面的函数等内容

var filters = { 
      //百分比数据
        Percentage: function(number1,number2){ 
          return (Math.round(number1/(number2)*10000)/100.00+"%")
      }
    }
    module.exports = { 
      Percentage: filters.Percentage
    }

2.在需要处理数据的地方引入  
![在这里插入图片描述][20201019162132283.png_pic_center]

3.如果有循环的数据直接将数据带入

<view class="tr" wx:for="{ {YWHHXRS}}" wx:key="index">
                        <view class="td"  style="width:150rpx">{ { item.XM}}</view>
                        <view class="td">{ { item.XB == 1? '男': '女'}}</view>
                        <view class="td">{ { item.AGE}}</view>
                        <view class="td">{ { item.ZZMM}}</view>
                        <view class="td">{ { item.LZFH}}</view>
                        <view class="td">{ { item.TPZS}}</view>
                        <view class="td">{ { filters.Percentage(item.TPZS,item.TPRS)}}</view>
                        <view class="td">{ { item.TPMJ}}</view>
                        <view class="td">{ { filters.Percentage(item.TPMJ,item.TPMJ)}}</view>
                    </view>

其中filters.Percentage(item.TPZS,data.TPRS）具体是指：  
执行函数 Percentage(69,99）  
结果会在页面中返回69.7%

[20201019162132283.png_pic_center]: /images/20221123/18553b5d215a4c358163db488c63faa1.png

发表评论取消回复

表情：

评论列表（有 0 条评论，539人围观）

还没有评论，来说两句吧...

相关阅读

相关三.微信小程序 WXML

微信小程序 WXML 文章目录微信小程序 WXML WXML 1.数据绑定 1.1数据绑定

ゝ一纸荒年。/ 2023年07月03日 06:02/ 0 赞/ 33 阅读

相关保留两位小数

DecimalFormat dfx = new DecimalFormat(".00"); double d = 12.3456; double d2 = dfx.

迈不过友情╰/ 2023年03月02日 10:13/ 0 赞/ 25 阅读

相关 H5 微信小程序价格保留两位小数分为整数部分和小数部分

在项目中经常遇到将价格分为整数和小数部分，字体大小不一样显示。 ![å¨è¿éæå¥å¾çæè¿°][20210105085421714.png] const actua

亦凉/ 2023年01月22日 10:51/ 0 赞/ 189 阅读

相关 JavaScript保留两位小数

[toFixed方法][toFixed] 定义和用法： toFixed() 方法可把 Number 四舍五入为指定小数位数的数字语法： NumberObject.to

川长思鸟来/ 2022年12月22日 00:57/ 0 赞/ 224 阅读

相关微信小程序实现WXML中直接处理数据，并且保留两位小数

1.新开一个页面，叫addmul.wxs，写入下面的函数等内容 var filters = { //百分比数据 Percentage:

╰+攻爆jí腚メ/ 2022年12月16日 09:05/ 0 赞/ 540 阅读

相关 Javascript保留两位小数

javascript语言，因为是弱类型语言，没有java那么多类型，所以在处理浮点数保留两位小数上，没有那么多格式化办法。javascript语言中字符串和整数，浮点数

ゝ一纸荒年。/ 2022年10月07日 10:51/ 0 赞/ 269 阅读

相关 robotframework中保留两位小数

其实很简单，使用evaluate执行python语句中的round即可，当然，也可以使用float `float('%.2f' % b)` ${计算金额} e

「爱情、让人受尽委屈。」/ 2022年05月25日 05:07/ 0 赞/ 381 阅读

相关 qt保留两位小数

QString str; double val = 3.14159; str = QString::number(val,'f',2);//方法1

た入场券/ 2022年05月10日 07:03/ 0 赞/ 369 阅读

相关微信小程序wxml页面toFixed保留两位小数，wxs脚本语言

在wxml页面执行toFixed函数的时候发现失效，在微信小程序的js页面是生效的，但是我不希望在data中保留这些额外的数据，于是找到了下面这种解决方案[wxs脚本语言][w

妖狐艹你老母/ 2021年10月29日 10:16/ 0 赞/ 487 阅读

相关 python 保留两位小数实现方法

目录保留两位小数，并做四舍五入处理方法一: 使用字符串格式化方法二: 使用round内置函数方法三: 使用decimal模块仅保留两位小数，无需四舍五入

分手后的思念是犯贱/ 2021年09月03日 03:17/ 0 赞/ 534 阅读