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 高级语法介绍
Jun 15 Javascript
JavaScript 数组详解
Oct 10 Javascript
jquery鼠标放上去显示悬浮层即弹出定位的div层
Apr 25 Javascript
跟我学习javascript的循环
Nov 18 Javascript
仿Angular Bootstrap TimePicker创建分钟数-秒数的输入控件
Jul 01 Javascript
详解前端构建工具gulpjs的使用介绍及技巧
Jan 19 Javascript
js 调用百度分享功能
Feb 27 Javascript
使用jQuery的load方法设计动态加载及解决被加载页面js失效问题
Mar 01 Javascript
js分页之前端代码实现和请求处理
Aug 04 Javascript
JavaScript中数组常见操作技巧
Sep 01 Javascript
js实现HTML中Select二级联动的实例
Jan 05 Javascript
JavaScript 判断浏览器是否是IE
Feb 19 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递归遍历多维数组的方法
2015/04/18 PHP
CI框架(CodeIgniter)实现的导入、导出数据操作示例
2018/05/24 PHP
Laravel框架使用monolog_mysql实现将系统日志信息保存到mysql数据库的方法
2018/08/16 PHP
jQuery帮助之筛选查找 children([expr])
2011/01/31 Javascript
nodejs中转换URL字符串与查询字符串详解
2014/11/26 NodeJs
jquery无限级联下拉菜单简单实例演示
2015/11/23 Javascript
javascript jquery对form元素的常见操作详解
2016/06/12 Javascript
原生js封装的一些jquery方法(详解)
2016/09/20 Javascript
无阻塞加载js,防止因js加载不了影响页面显示的问题
2016/12/18 Javascript
深入理解Node中的buffer模块
2017/06/03 Javascript
vue2组件之select2调用的示例代码
2017/10/12 Javascript
微信小程序实现弹出菜单功能
2018/06/12 Javascript
JavaScript设计模式之装饰者模式定义与应用示例
2018/07/25 Javascript
koa上传excel文件并解析的实现方法
2018/08/09 Javascript
layerUI下的绑定事件实例代码
2018/08/17 Javascript
Angular ElementRef简介及其使用
2018/10/01 Javascript
Javascript中绑定click事件的四种方式介绍
2018/10/26 Javascript
微信小程序实现滑动切换自定义页码的方法分析
2018/12/29 Javascript
详解使用Nuxt.js快速搭建服务端渲染(SSR)应用
2019/03/13 Javascript
简单了解TypeScript中如何继承 Error 类
2019/06/21 Javascript
python根据出生年份简单计算生肖的方法
2015/03/27 Python
用Python计算三角函数之acos()方法的使用
2015/05/15 Python
Python检查和同步本地时间(北京时间)的实现方法
2018/12/03 Python
使用PyQt4 设置TextEdit背景的方法
2019/06/14 Python
使用python实现时间序列白噪声检验方式
2020/06/03 Python
CSS书写规范、顺序和命名规则
2014/03/06 HTML / CSS
英国领先的男士服装和时尚零售商:Burton
2017/01/09 全球购物
台湾最大银发乐活百货:乐龄网
2018/05/21 全球购物
电子商务专业自荐信
2014/06/02 职场文书
增员口号大全
2014/06/18 职场文书
国际贸易本科毕业生求职信
2014/09/26 职场文书
上课迟到检讨书
2015/05/06 职场文书
伊索寓言读书笔记
2015/06/30 职场文书
同学聚会祝酒词
2015/08/10 职场文书
Python 多线程之threading 模块的使用
2021/04/14 Python
Django migrate报错的解决方案
2021/05/20 Python