1.看代码

//我将这个代码作为外部js导出了，如果你没有那么多模块，就直接CTRL +cv  这个方法，丢到你的
//vue代码  methods中就可以用了
export const numberFilter = function (value,cut = 2) {//value为我们传进来的数据 比如  145775.422346//cut 为需要保留的小数位数  -1为清空小数 0为保留全部位数的小数 传入多少即为多少 不传默认保留两位小数 传进来多少就截取多少//数据校验  if (parseFloat(value).toString() == 'NaN') return '0.00'// 将数值截取let num = value.toString().split('.')let zs = num[0]let xs = num[1]// 整数部分处理，增加,const intPartFormat = zs.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')if (xs != null) {if(cut == 0){return intPartFormat + '.' + xs}else if(cut == -1){return intPartFormat}else{return intPartFormat +'.' + xs.substr(0,cut)}} else {return intPartFormat}
}

2.使用

2.1 import {numberFilter} from '../../../utils/numberUtils' //导入js
2.2 {{numberToCurrency('4545554.67676',10)}}  //就和正常的函数一样调用，但是注意，
//导入外部的js不能直接调用，我们需要在函数里再调用
2.3  numberToCurrency(data,cut){return  numberFilter(data,cut)},
//真正调用情景

Vue为数字添加逗号分隔相关推荐

express+vue实现批量添加功能
express+vue实现批量添加功能前段时间由于后台的研究僧跑路了,我这个应届小菜鸟肩负起了全栈开发的工作,学得那是一个心累啊.项目没有很大,但麻雀虽小五脏俱全,写几篇文章不枉此行吧.废话不多说, ...
vue格式化数字为财务数字金额
vue格式化数字为财务数字金额效果 1.在项目的src文件夹下新建filters文件夹,里面新建filters.js文件 2.在filters.js添加如下代码(下面介绍4种实现方式,推荐使用方法三 ...
Vue中动态添加class写法动态静态clas混合
Vue中动态添加class写法动态静态clas混合示例 //fx,cont-block为静态class ob为动态class <div :class="[ 'fx','cont- ...
添加数据功能java,SpringBoot+Vue实现数据添加功能
一.添加代码生成器用来自动为数据库映射类建立:mapper.service.controller package com.hanmh.utils; import com.baomidou.mybat ...
后盾网lavarel视频项目---vue实现动态添加和删除板块
后盾网lavarel视频项目---vue实现动态添加和删除板块一.总结一句话总结: 原理就是:列表时根据vue中的videos变量中的元素来遍历的,初始时videos:[{title:'',pat ...
value数字 vue_基于Vue开发数字输入框组件
随着 vue 越来越火热, 相关组件库也非常多啦, 只用轮子怎么够, 还是要造起来!!! 1.概述 vue组件开发的api:props.events和slots 2.组件代码效果: (1)index ...
java中实现将一个数字字符串转换成逗号分隔的数字串，即从右边开始每三个数字用逗号分隔
源代码如下: /*将一个数字字符串转换成逗号分隔的数字串,即从右边开始每三个数字用逗号分隔 */public static void testFenGeNumber(){String number = ...
Axios的Vue插件（添加全局请求/响应拦截器）
/** * @file Axios的Vue插件(添加全局请求/响应拦截器) */ // https://github.com/mzabriskie/axios import axios from ...
[vue] 动态给vue的data添加一个新的属性时会发生什么？怎样解决？
[vue] 动态给vue的data添加一个新的属性时会发生什么?怎样解决? 如果在实例创建之后添加新的属性到实例上,它不会触发视图更新.如果想要使添加的值做到响应式,应当使用$set()来添加对象. ...

Vue为数字添加逗号分隔

1.看代码

2.使用

Vue为数字添加逗号分隔相关推荐

最新文章

热门文章