vue——数字加逗号分隔

news/2024/7/10 2:49:15 标签: vue, 字符串, js

带小数的数字三位一分隔

filters: {
   num: (val, fix = 2) => {
     if (val !== 0) {
	    val = Number(val) // 字符串转为数字,目标数据为数字可不转
	    val = '' + val.toFixed(2) // 保留两位小数并转为字符串
	    let int = val.slice(0, fix * -1 - 1) // 获取整数
	    let ext = val.slice(fix * -1 - 1) // 获取到小数
	    int = int.split('').reverse().join('') // 翻转整数
	    let temp = '' // 临时变量
	    for (let i = 0; i < int.length; i++) {
	      temp += int[i]
	      if ((i + 1) % 3 === 0 && i !== int.length - 1) {
	        temp += ',' // 每隔3个数字拼接一个逗号
	      }
	    }
	    temp = temp.split('').reverse().join('') // 加完逗号之后翻转
	    temp = temp + ext // 整数小数拼接
	    return temp // 返回
	  } else {
	    return val
	  }
   }
 }

整数三位一分隔

filters: {
   num: (val) => {
     val = '' + val // 转换成字符串
     let int = val
     int = int.split('').reverse().join('') // 翻转整数
     let temp = '' // 临时变量
     for (let i = 0; i < int.length; i++) {
       temp += int[i]
       if ((i + 1) % 3 === 0 && i !== int.length - 1) {
         temp += ',' // 每隔三个数字拼接一个逗号
       }
     }
     temp = temp.split('').reverse().join('') // 加完逗号之后翻转
     return temp // 返回
   }
 }

使用

{{name | num}}

http://www.niftyadmin.cn/n/1659972.html

相关文章

vue —— 调用浏览器复制方法

vue —— 调用浏览器复制方法 原生 <el-button type"text" click"copy(‘里面传想要复制的内容’)">复制</el-button>// 复制 info 为传入的内容copy (info) {let createInput document.createElement(input)createInput.value infodocume…

vue —— api、axois封装

结构 模块中各个api文件引用base.js、http.js中的方法 api.js中引用模块中各个api文件&#xff0c;并使用exports导出 base.js vue代理路由地址 // 接口域名管理 const base {apiUrl : http://192.100.100.135:1001 } export default basehttp.js vue路由处理&#xff0…

golang 代码一

日期格式化 yyyy-mm-dd //yyyy-mm-dd HH:ii:ss fmt.Println(time.Now().Format("2006-01-02 15:04:05")) 复制代码stackoverflow.com/questions/2…golang.org/src/time/fo…获取unit timestamp ts : int32(time.Now()..Unix()) 复制代码unit timestamp转为datatime …

vue —— async...await

async…await async用于声明function 是异步的&#xff0c;await用于等待异步方法的执行完成 单单使用async&#xff0c;return出的返回值是个Promise对象 async Func () {return hello word } Func().then(res > {console.log(res) } // hello word1&#xff09;关于asy…

vue —— 火狐浏览器不支持时间格式

问题描述 vue项目中出现路由跳转param传值&#xff0c;传的时间字符串&#xff0c;但是页面使用时this.$route.params取出时间字符串时&#xff0c;获得内容NAN&#xff0c; 以为是火狐浏览器params传值不行&#xff0c;换成query传值也是不行的 原因 火狐浏览器时间字符串只…

vue —— 父组件同一时间多次调用子组件方法

子组件方法 child.vue <div>{{msg}}</div>props: {msg: {type: String,default: } }, methods: {getData () {console.log(msg)} }父组件 fa.vue 1.引入子组件 import child from ./child data () {return {list: [{msg: hhhh,index: 0},{msg: xxxx,index: 0}]} …

java springcloud版b2b2c社交电商spring cloud分布式微服务(四)SpringBoot 整合JPA

Spring cloud b2b2c电子商务社交平台源码请加企鹅求求&#xff1a;一零三八七七四六二六。JPA全称Java Persistence API.JPA通过JDK 5.0注解或XML描述对象&#xff0d;关系表的映射关系&#xff0c;并将运行期的实体对象持久化到数据库中。JPA 的目标之一是制定一个可以由很多供…

js —— 去重、排序基础总结

js去重、排序基础总结&#xff08;持续更新&#xff09; 排序 1&#xff09;for循环排序——冒泡排序 2&#xff09;for循环排序——选择排序、相邻 3&#xff09;sort排序 —— 升降序排序 去重 1&#xff09; for循环去重 —— splice&#xff08;&#xff09; let a…