vue 保留两位小数 不能直接用toFixed(2) 的解决
更新时间：2020年08月07日 09:46:09 作者：我爱张苗苗
这篇文章主要介绍了vue 保留两位小数 不能直接用toFixed(2) 的解决操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
用vue做项目的时候多多少少都会遇到这个问题
刚开始我是用toFixed()这个方法来写的 效果是有的 但是控制台一直是红红的围绕着我
突然想到 vue和jquery混搭 的 问题
于是乎 看了一下vue的开发文档 发现过滤器这个东东 并且可以自定义过滤器
js代码
html代码
虽然方法是这样的 但是在写的过程中还有页面上有效果 但是控制台一直红红的
于是我又仔细的看了一下文档 发现我没有把value转为Number类型
我上面放的直接是写好的代码 放心使用 ！
我写的是局部的过滤器 你如果很多地方都要用 最好写全局过滤器
后续会补充！
全局过滤器
只不过是把过滤器放在了全局 前面的用法是一样的 ~
补充知识：vue保留两位小数，末尾四舍五入
方法：
methods: {
// 截取当前数据到小数点后两位
numFilter(value) {
const realVal = parseFloat(value).toFixed(2);
return realVal;
},
},
以上这篇vue 保留两位小数 不能直接用toFixed(2) 的解决就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了Vue3组件库框架搭建example环境的详细教程,本文便搭建 example 开发环境和打包构建，并在example中使用组件库，需要的朋友可以参考下2022-11-11
这篇文章主要为大家介绍了vue3调度器effect的scheduler功能实现详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
这篇文章主要介绍了Vue 样式切换及三元判断样式关联操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
这篇文章主要为大家详细介绍了vue+element UI实现树形表格，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
最近做项目遇到的一个功能,禁止用户在输入内容的时候选择今天以前的日期或者包含今日的日期,本文主要介绍了element 时间选择器禁用选择的使用示例,感兴趣的可以了解一下2023-09-09
Ant Design-vue 解决input前后空格问题(推荐)
最近做项目遇到这样一个问题输入框不允许有前后空格但字符中间可以有空格，怎么解决这个问题呢，接下来小编把ant Design-vue 解决input前后空格问题的实现代码分享给大家，感兴趣的朋友一起看看吧2022-10-10
最近需要有个拖拽列表的需求，发现一个简单好用的 Vue 可拖拽组件，本文主要介绍了可拖拽组件Vue Smooth DnD的使用，感兴趣的可以了解一下2021-07-07
这篇文章主要介绍了Vue入门学习笔记,结合实例形式分析了vue.js的基本概念、对象、过滤器、指令等的相关原理与简单使用方法,需要的朋友可以参考下2019-04-04
在Vue应用中,表单验证是非常重要的一部分,Vue提供了一些内置的验证规则,比如required、min、max等,但是有时候我们需要对表单进行自定义验证,以满足特定的业务需求,本文将介绍如何在Vue中进行表单自定义验证,感兴趣的朋友可以参考下2023-12-12
下面小编就为大家分享一篇浅谈vue.js导入css库(elementUi)的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
最新评论