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 相关文章推荐
Document:getElementsByName()使用方法及示例
Oct 28 Javascript
jQuery实现自动与手动切换的滚动新闻特效代码分享
Aug 27 Javascript
JS原型链怎么理解
Jun 27 Javascript
Summernote实现图片上传功能的简单方法
Jul 11 Javascript
再谈javascript注入 黑客必备!
Sep 14 Javascript
JS中如何实现复选框全选功能
Dec 19 Javascript
js select下拉联动 更具级联性!
Apr 17 Javascript
ES6新数据结构Map功能与用法示例
Mar 31 Javascript
Angular实现双向折叠列表组件的示例代码
Nov 21 Javascript
Bootstrap popover 实现鼠标移入移除显示隐藏功能方法
Jan 24 Javascript
jQuery中复合选择器简单用法示例
Mar 31 jQuery
vue实现可拖拽的dialog弹框
May 13 Vue.js
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
解决控件遮挡问题:关于有窗口元素和无窗口元素
2007/01/28 PHP
PHP编实现程动态图像的创建代码
2008/09/28 PHP
php 数组的合并、拆分、区别取值函数集
2010/02/15 PHP
php计算整个目录大小的方法
2015/06/19 PHP
新页面打开实际尺寸的图片
2006/08/25 Javascript
javaScript 读取和设置文档元素的样式属性
2009/04/14 Javascript
微博@符号的用户名提示效果。(想@到谁?)
2010/11/05 Javascript
window.location不跳转的问题解决方法
2014/04/17 Javascript
js实现带按钮的上下滚动效果
2015/05/12 Javascript
js获取当前时间(昨天、今天、明天)
2016/11/23 Javascript
微信小程序开发之录音机 音频播放 动画实例 (真机可用)
2016/12/08 Javascript
JS正则表达式之非捕获分组用法实例分析
2016/12/28 Javascript
jquery实现焦点轮播效果
2017/02/23 Javascript
Vue-resource实现ajax请求和跨域请求示例
2017/02/23 Javascript
jQuery.extend 与 jQuery.fn.extend的用法及区别实例分析
2018/07/25 jQuery
利用Electron简单撸一个Markdown编辑器的方法
2019/06/10 Javascript
Vue分页器实现原理详解
2019/06/28 Javascript
浅析Angular 实现一个repeat指令的方法
2019/07/21 Javascript
[01:06] DOTA2英雄背景故事第三期之秩序法则光之守卫
2020/07/07 DOTA
wxPython事件驱动实例详解
2014/09/28 Python
Python实现的数据结构与算法之双端队列详解
2015/04/22 Python
Python xlwt设置excel单元格字体及格式
2020/04/18 Python
pyhton列表转换为数组的实例
2018/04/04 Python
解决matplotlib库show()方法不显示图片的问题
2018/05/24 Python
Python中利用LSTM模型进行时间序列预测分析的实现
2019/07/26 Python
在python3中实现查找数组中最接近与某值的元素操作
2020/02/29 Python
python实现单张图像拼接与批量图片拼接
2020/03/23 Python
如何在Win10系统使用Python3连接Hive
2020/10/15 Python
Canvas中设置width与height的问题浅析
2018/11/01 HTML / CSS
印度在线内衣和时尚目的地:Zivame
2017/09/28 全球购物
港湾网络笔试题
2014/04/19 面试题
什么时候需要进行强制类型转换
2016/09/03 面试题
运动会口号16字
2014/06/07 职场文书
详解thinkphp的Auth类认证
2021/05/28 PHP
js中Map和Set的用法及区别实例详解
2022/02/15 Javascript
【DOTA2】总决赛血虐~ XTREME GAMING vs MAGMA - OGA DOTA PIT 2022 CN
2022/04/02 DOTA