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 相关文章推荐
通过JAVASCRIPT读取ASP设定的COOKIE
Nov 24 Javascript
模拟用户操作Input元素,不会触发相应事件
May 11 Javascript
谈谈我对JavaScript DOM事件的理解
Dec 18 Javascript
JS小数运算出现多为小数问题的解决方法
Jun 02 Javascript
PHP+jquery+ajax实现分页
Dec 09 Javascript
微信小程序 支付简单实例及注意事项
Jan 06 Javascript
bootstrap弹出层的多种触发方式
May 10 Javascript
Scala解析Json字符串的实例详解
Oct 11 Javascript
bootstrap时间插件daterangepicker使用详解
Oct 19 Javascript
jQuery解析json格式数据示例
Sep 01 jQuery
jquery实现垂直手风琴菜单
Mar 04 jQuery
vue实现编辑器键盘抬起时内容跟随光标距顶位置向上滚动效果
May 28 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实现图片上传、剪切功能
2016/05/07 PHP
利用php-cli和任务计划实现订单同步功能的方法
2017/05/03 PHP
对于Laravel 5.5核心架构的深入理解
2018/02/22 PHP
PHP+Session防止表单重复提交的解决方法
2018/04/09 PHP
php设计模式之策略模式应用案例详解
2019/06/17 PHP
基于ThinkPHP删除目录及目录文件函数
2020/10/28 PHP
JavaScript Object的extend是一个常用的功能
2009/12/02 Javascript
在jQuery中 关于json空对象筛选替换
2013/04/15 Javascript
js点击按钮实现带遮罩层的弹出视频效果
2015/12/19 Javascript
JS判断form内所有表单是否为空的简单实例
2016/09/09 Javascript
浅谈Web页面向后台提交数据的方式和选择
2016/09/23 Javascript
JS实用的带停顿的逐行文本循环滚动效果实例
2016/11/23 Javascript
bootstrap中添加额外的图标实例代码
2017/02/15 Javascript
JavaScript中 DOM操作方法小结
2017/04/25 Javascript
利用node.js爬取指定排名网站的JS引用库详解
2017/07/25 Javascript
浅谈vue单一组件下动态修改数据时的全部重渲染
2018/03/01 Javascript
vue 移动端适配方案详解
2018/11/15 Javascript
node错误处理与日志记录的实现
2018/12/24 Javascript
jQuery动态生成的元素绑定事件操作实例分析
2019/05/04 jQuery
vue+axios全局添加请求头和参数操作
2020/07/24 Javascript
对Python3.x版本print函数左右对齐详解
2018/12/22 Python
python中必要的名词解释
2019/11/20 Python
如何通过Python3和ssl实现加密通信功能
2020/05/09 Python
python矩阵运算,转置,逆运算,共轭矩阵实例
2020/05/11 Python
numpy实现RNN原理实现
2021/03/02 Python
Html5页面上如何禁止手机虚拟键盘弹出
2020/03/19 HTML / CSS
Lampegiganten丹麦:欧洲领先的照明网上商店
2018/04/25 全球购物
宝拉珍选英国官网:Paula’s Choice英国
2019/05/29 全球购物
俄罗斯最大的香水和化妆品网上商店:Randewoo
2020/11/05 全球购物
Delphi工程师笔试题
2013/09/21 面试题
院药学专业个人求职信
2013/09/21 职场文书
写给老婆的检讨书
2014/02/21 职场文书
倡议书格式及范文
2015/04/29 职场文书
如何将JavaScript将数组转为树形结构
2021/06/02 Javascript
一小时学会TensorFlow2之基本操作2实例代码
2021/09/04 Python
mysql sock文件存储了什么信息
2022/07/15 MySQL