微信小程序怎么用过滤器控制页面的小数点位数。

最新推荐文章于 2024-04-04 22:26:04 发布

原创最新推荐文章于 2024-04-04 22:26:04 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #wxml #wxs #js #wxss

微信小程序专栏收录该内容

13 篇文章

订阅专栏

本文介绍如何在微信小程序中使用WXS文件创建自定义过滤器，以规范数据显示的小数点位数。通过新建.wxs文件并定义toFix函数，实现数值的toFixed方法，再在wxml中调用此过滤器，使数组中的数值显示为指定小数位数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 新建一个.wxs文件

var filters={
toFix:function(val,count){
  return val.toFixed(count);
}
}

module.exports={
  toFix:filters.toFix
}

在这里插入图片描述

2.在wxml中写入wxs

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

在这里插入图片描述

3.在需要规范小数点的地方用上这个过滤器

这里以数组为例

在这里插入图片描述

  <view class="content">
  <view class="pro" wx:for="{{proList}}">
  <image src="/images/eleme.jpg"></image>
  <view class="proName">{{item.listname}}</view>
  <view class="proSalary">{{filters.toFix(item.listsalary,2) }}元/单</view>
  </view>
  </view>