美文网首页
在vue中使用filter过滤器对数据保留两位小数的处理

在vue中使用filter过滤器对数据保留两位小数的处理

作者: SY | 来源:发表于2021-11-23 17:18 被阅读0次
<template slot-scope="scope" >{{scope.row.vm_demand | numFilter}}</template>

js中filter方法

filters:{
    numFilter(value){
      let val=''
      if(!isNaN(value) && value !=''){
        if(value %1==0 && value!=0){//整数
          val=value+".00"
        }
        else if(value==0){
          val=''
        }
        else{//小数
          val=parseFloat(value).toFixed(2)
        }
      }else{
        val=''
      }
      return val
    }
  },

扩展:
isNaN() 函数用于检查其参数是否是 非数字值。
如果参数值为 NaN 或字符串、对象、undefined等非数字值则返回 true, 否则返回 false。
示例:

isNaN(1);//false
isNaN(0);//false
isNaN(-3.2);//false
isNaN("123");//false,被转换为数值123
isNaN("hello");//true
isNaN(NaN);//true
isNaN([]);//false,单个数值的数组或空数组会被转换为数值
isNaN({});//true,不能转换为数值

相关文章

  • 在vue中使用filter过滤器对数据保留两位小数的处理

    js中filter方法 扩展:isNaN() 函数用于检查其参数是否是 非数字值。如果参数值为 NaN 或字符串、...

  • filter过滤器的使用

    应用场景:在数据渲染之前,使用filter过滤器,进行二次加工处理。注册时,Vue.filter('注册名', 处...

  • Vue-04

    过滤器:对显示在页面上的数据进行筛选 全局过滤器 和Vue同级 Vue.filter(“过滤器名称”,func...

  • vue 局部过滤器和全局过滤器

    vue 过滤器常用于对 data 中的数据进行处理 局部过滤器 1. 简单使用 在组件中 2. 封装抽离 新建 s...

  • 微信小程序WXS实现过滤器filter

    我们在项目中经常会遇到要对一些数据进行格式化处理,比如保留两位小数,把金额元换算成万元展示等等……;这些在vue中...

  • Vue(2)

    过滤器Filter Vue可以自定义过滤器,可以在{{message}}和v-bind两处使用。 Filter的定...

  • Vue过滤器

    Vue过滤器 使用Vue.filter()来对指定的元素进行过滤,function中传递的参数即是el表达式中的第...

  • js 使用parseInt保留两位小数的坑

    在js中,保留两位小数的方法有很多种,在开发 快捎 项目时,在一处数据处理中,使用了类似如下代码: 本来是为了确保...

  • python中保留两位小数的方法

    情况一:保留两位小数,并做四舍五入处理1、使用字符串格式化 2、使用round内置函数 情况二:保留两位小数,无需...

  • 22. 过滤器

    11 过滤器(Filter) 什么是过滤器(Filter) Filter:过滤器,用来过滤网站的数据; 处理中文乱...

网友评论

      本文标题:在vue中使用filter过滤器对数据保留两位小数的处理

      本文链接:https://www.haomeiwen.com/subject/pbcwtrtx.html