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 相关文章推荐
Jquery上传插件 uploadify v3.1使用说明
Jun 18 Javascript
基于jquery的点击链接插入链接内容的代码
Jul 31 Javascript
JS图片预加载 JS实现图片预加载应用
Dec 03 Javascript
JavaScript Window浏览器对象模型方法与属性汇总
Apr 20 Javascript
jQuery树形插件jquery.simpleTree.js用法分析
Sep 05 Javascript
Javascript中构造函数要注意的一些坑
Jan 23 Javascript
AngularJS实现的获取焦点及失去焦点时的表单验证功能示例
Oct 25 Javascript
vue基于mint-ui的城市选择3级联动的示例
Oct 25 Javascript
vue动画打包后失效问题的解决方法
Sep 18 Javascript
Vue-cli3简单使用(图文步骤)
Apr 30 Javascript
JS+CSS+HTML实现“代码雨”类似黑客帝国文字下落效果
Mar 17 Javascript
Element Collapse 折叠面板的使用方法
Jul 26 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购物网站支付paypal使用方法
2010/11/28 PHP
ThinkPHP3.0略缩图不能保存到子目录的解决方法
2012/09/30 PHP
php fsockopen解决办法 php实现多线程
2014/01/20 PHP
ThinkPHP在Cli模式下使用模板引擎的方法
2015/09/25 PHP
PHP与SQL语句写一句话木马总结
2019/10/11 PHP
WebGame《逆转裁判》完整版 代码下载(1月24日更新)
2007/01/29 Javascript
JS的递增/递减运算符和带操作的赋值运算符的等价式
2007/12/08 Javascript
JavaScript Event学习第三章 早期的事件处理程序
2010/02/07 Javascript
javascript中使用replaceAll()函数实现字符替换的方法
2010/12/25 Javascript
js动态创建表格,删除行列的小例子
2013/07/20 Javascript
将文本输入框内容加入表中的js代码
2013/08/18 Javascript
JS完整获取IE浏览器信息包括类型、版本、语言等等
2014/05/22 Javascript
3种Jquery限制文本框只能输入数字字母的方法
2014/12/03 Javascript
javaScript实现可缩放的显示区效果代码
2015/10/26 Javascript
移动手机APP手指滑动切换图片特效附源码下载
2015/11/30 Javascript
分享javascript、jquery实用代码段
2016/10/20 Javascript
Vue2.0 UI框架ElementUI使用方法详解
2017/04/14 Javascript
微信小程序 转发功能的实现
2017/08/04 Javascript
对vue v-if v-else-if v-else 的简单使用详解
2018/09/29 Javascript
angularJs中orderBy筛选以及filter过滤数据的方法
2018/09/30 Javascript
最简单的JS实现json转csv的方法
2019/01/10 Javascript
微信小程序实现手势滑动卡片效果
2019/08/26 Javascript
浅谈JavaScript窗体Window.ShowModalDialog使用
2020/07/22 Javascript
[01:05]主宰至宝剑心之遗
2017/03/16 DOTA
python模拟登录百度贴吧(百度贴吧登录)实例
2013/12/18 Python
python 环境变量和import模块导入方法(详解)
2017/07/11 Python
对python读写文件去重、RE、set的使用详解
2018/12/11 Python
如何通过安装HomeBrew来安装Python3
2020/12/23 Python
Stubhub英国:购买体育、演唱会和剧院门票
2018/06/10 全球购物
数控专业个人求职信范文
2014/02/05 职场文书
关于安全的广播稿
2014/10/23 职场文书
幼儿园安全教育月活动总结
2015/05/08 职场文书
2015年国庆节标语大全
2015/07/30 职场文书
经销商会议开幕词
2016/03/04 职场文书
在前女友婚礼上,用Python破解了现场的WIFI还把名称改成了
2021/05/28 Python
MySQL数据库如何使用Shell进行连接
2022/04/12 MySQL