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 相关文章推荐
一个多次搜索+多次传值的解决方案
Jan 20 Javascript
Gird事件机制初级读本
Mar 10 Javascript
JavaScript设置FieldSet展开与收缩
May 15 Javascript
Node.js:Windows7下搭建的Node.js服务(来玩玩服务器端的javascript吧,这可不是前端js插件)
Jun 27 Javascript
js的onload事件及初始化按钮事件示例代码
Sep 25 Javascript
js 控制图片大小核心讲解
Oct 09 Javascript
微信小程序 Flex布局详解
Oct 09 Javascript
第一次接触神奇的前端框架vue.js
Dec 01 Javascript
vue项目中的webpack-dev-sever配置方法
Dec 14 Javascript
Javascript实现购物车功能的详细代码
May 08 Javascript
vue+iview+less 实现换肤功能
Aug 17 Javascript
jquery-ui 进度条功能示例【测试可用】
Jul 25 jQuery
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
smarty 原来也不过如此~~呵呵
2006/11/25 PHP
分享下PHP register_globals 值为on与off的理解
2013/09/26 PHP
php让json_encode不自动转义斜杠“/”的方法
2020/04/27 PHP
JavaScript判断一个URL链接是否有效的实现方法
2011/10/08 Javascript
jQuery中get()方法用法实例
2014/12/27 Javascript
基于Bootstrap实现图片轮播效果
2016/05/22 Javascript
JavaScript String(字符串)对象的简单实例(推荐)
2016/08/31 Javascript
JS命令模式例子之菜单程序
2016/10/10 Javascript
nodejs读取本地中文json文件出现乱码解决方法
2018/10/10 NodeJs
使用Angular Cli如何创建Angular私有库详解
2019/01/30 Javascript
vue实现点击按钮下载文件功能
2019/10/11 Javascript
原生js实现贪吃蛇游戏
2020/10/26 Javascript
Python中函数的参数定义和可变参数用法实例分析
2015/06/04 Python
Jupyter安装nbextensions,启动提示没有nbextensions库
2020/04/23 Python
Tensorflow卷积神经网络实例
2018/05/24 Python
Python 支付整合开发包的实现
2019/01/23 Python
django框架基于模板 生成 excel(xls) 文件操作示例
2019/06/19 Python
python构造函数init实例方法解析
2020/01/19 Python
Python cookie的保存与读取、SSL讲解
2020/02/17 Python
Python Switch Case三种实现方法代码实例
2020/06/18 Python
一文轻松掌握python语言命名规范规则
2020/06/18 Python
详解python tkinter 图片插入问题
2020/09/03 Python
利用Python实现最小二乘法与梯度下降算法
2021/02/21 Python
Data URI scheme详解和使用实例及图片base64编码实现方法
2014/05/08 HTML / CSS
瑜伽服装品牌:露露柠檬(lululemon athletica)
2017/06/04 全球购物
大学生冰淇淋店商业计划书
2014/01/14 职场文书
2014年乡镇植树节活动方案
2014/02/28 职场文书
幼儿园六一儿童节主持节目串词
2014/03/21 职场文书
教师考察材料范文
2014/06/03 职场文书
综治工作心得体会
2014/09/11 职场文书
辞职信如何写
2015/02/27 职场文书
暑期社会实践个人总结
2015/03/06 职场文书
会计求职自荐信
2015/03/26 职场文书
在 Golang 中实现 Cache::remember 方法详解
2021/03/30 Python
Python进行区间取值案例讲解
2021/08/02 Python
Python jiaba库的使用详解
2021/11/23 Python