vue 保留两位小数 不能直接用toFixed(2) 的解决


Posted in Javascript onAugust 07, 2020

用vue做项目的时候多多少少都会遇到这个问题

刚开始我是用toFixed()这个方法来写的 效果是有的 但是控制台一直是红红的围绕着我

突然想到 vue和jquery混搭 的 问题

于是乎 看了一下vue的开发文档 发现过滤器这个东东 并且可以自定义过滤器

js代码

vue 保留两位小数 不能直接用toFixed(2) 的解决

html代码

vue 保留两位小数 不能直接用toFixed(2) 的解决

虽然方法是这样的 但是在写的过程中还有页面上有效果 但是控制台一直红红的

于是我又仔细的看了一下文档 发现我没有把value转为Number类型

我上面放的直接是写好的代码 放心使用 !

我写的是局部的过滤器 你如果很多地方都要用 最好写全局过滤器

后续会补充!

全局过滤器

vue 保留两位小数 不能直接用toFixed(2) 的解决

只不过是把过滤器放在了全局 前面的用法是一样的 ~

补充知识:vue保留两位小数,末尾四舍五入

方法:

methods: {
  // 截取当前数据到小数点后两位
  numFilter(value) {
   const realVal = parseFloat(value).toFixed(2);
   return realVal;
  },
 },

以上这篇vue 保留两位小数 不能直接用toFixed(2) 的解决就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
使用iframe window的scroll方法控制iframe页面滚动
Mar 05 Javascript
jquery通过visible来判断标签是否显示或隐藏
May 08 Javascript
JavaScript定时器和优化的取消定时器方法
Jul 03 Javascript
Angular.js与node.js项目里用cookie校验账户登录详解
Feb 22 Javascript
javascript 玩转Date对象(实例讲解)
Jul 11 Javascript
jQuery Pagination分页插件_动力节点Java学院整理
Jul 17 jQuery
Parcel 打包示例(React HelloWorld)
Jan 16 Javascript
vue单页面打包文件大?首次加载慢?nginx带你飞,从7.5M到1.3M蜕变过程(推荐)
Jan 16 Javascript
JS中Map和ForEach的区别
Feb 05 Javascript
React组件内事件传参实现tab切换的示例代码
Jul 04 Javascript
vue项目持久化存储数据的实现代码
Oct 01 Javascript
Vue实现base64编码图片间的切换功能
Dec 04 Javascript
JavaScript实现与web通信的方法详解
Aug 07 #Javascript
解决Vue-Router升级导致的Uncaught (in promise)问题
Aug 07 #Javascript
JavaScript实现多文件下载方法解析
Aug 07 #Javascript
基于javascript的无缝滚动动画1
Aug 07 #Javascript
vue-router重写push方法,解决相同路径跳转报错问题
Aug 07 #Javascript
手把手带你搭建一个node cli的方法示例
Aug 07 #Javascript
Vue两种组件类型:递归组件和动态组件的用法
Aug 06 #Javascript
You might like
优化php效率,提高php性能的一些方法
2011/03/24 PHP
php 判断服务器操作系统的类型
2014/02/17 PHP
PHP大文件切割上传并带进度条功能示例
2019/07/01 PHP
PHP的Trait机制原理与用法分析
2019/10/18 PHP
js图片自动切换效果处理代码
2013/05/07 Javascript
JavaScript中String.match()方法的使用详解
2015/06/06 Javascript
jquery表格datatables实例解析 直接加载和延迟加载
2016/08/12 Javascript
js实现简单的获取验证码按钮效果
2017/03/03 Javascript
Node.js中.pfx后缀文件的处理方法
2017/03/10 Javascript
JScript实现表格的简单操作
2017/08/15 Javascript
详谈Node.js之操作文件系统
2017/08/29 Javascript
jQuery判断网页是否已经滚动到浏览器底部的实现方法
2017/10/27 jQuery
js根据需要计算数组中重复出现某个元素的个数
2019/01/18 Javascript
使用微信SDK自定义分享的方法
2019/07/03 Javascript
微信小程序事件流原理解析
2019/11/27 Javascript
js判断浏览器的环境(pc端,移动端,还是微信浏览器)
2020/12/24 Javascript
[38:30]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第一场2
2014/05/24 DOTA
scrapy自定义pipeline类实现将采集数据保存到mongodb的方法
2015/04/16 Python
Python中Continue语句的用法的举例详解
2015/05/14 Python
说一说Python logging
2016/04/15 Python
pyqt5 QScrollArea设置在自定义侧(任何位置)
2019/09/25 Python
Python 实现一个手机号码获取妹子名字的功能
2019/09/25 Python
python 采用paramiko 远程执行命令及报错解决
2019/10/21 Python
django前端页面下拉选择框默认值设置方式
2020/08/09 Python
详解python实现可视化的MD5、sha256哈希加密小工具
2020/09/14 Python
教你如何用python操作摄像头以及对视频流的处理
2020/10/12 Python
各大浏览器 CSS3 和 HTML5 兼容速查表 图文
2010/04/01 HTML / CSS
墨西哥运动服饰和鞋网上商店:Netshoes墨西哥
2016/07/28 全球购物
法国票务网站:Ticketmaster法国
2018/07/09 全球购物
J2EE的优越性主要表现在哪些方面
2016/03/28 面试题
亲戚结婚的请假条
2014/02/11 职场文书
担保书格式
2015/01/20 职场文书
导游词范文
2015/02/13 职场文书
公积金具结保证书
2015/05/11 职场文书
Python爬虫之爬取二手房信息
2021/04/27 Python
springboot使用Redis作缓存使用入门教程
2021/07/25 Redis