vue.js中使用toFixed报错，提示并非一个函数

最新推荐文章于 2023-11-25 15:04:29 发布
最新推荐文章于 2023-11-25 15:04:29 发布
阅读量2.1k 收藏 2
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44068203/article/details/105906849
版权

今天在使用toFixed的时候报错了
本意是想对之前定义的数据price进行保留两位小数的处理，但是在用price.toFixed(2)的时候报错:
vue.js:634 [Vue warn]: Error in render: “TypeError: price.toFixed is not a function”
在这里插入图片描述

解决办法：

parseFloat(price).toFixed(2)

“parseFloat() 函数可解析一个字符串，并返回一个浮点数。
该函数指定字符串中的首个字符是否是数字。如果是，则对字符串进行解析，直到到达数字的末端为止，然后以数字返回该数字，而不是作为字符串。”

xyczhou
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue 保留两位小数 不能直接用toFixed(2) 的解决
11-19
用vue做项目的时候多多少少都会遇到这个问题 刚开始我是用toFixed()这个方法来写的 效果是有的 但是控制台一直是红红的围绕着我 突然想到 vue和jquery混搭 的 问题 于是乎 看了一下vue的开发文档 发现过滤器这个东东 并且可以自定义过滤器 js代码 html代码 虽然方法是这样的 但是在写的过程中还有页面上有效果 但是控制台一直红红的 于是我又仔细的看了一下文档 发现我没有把value转为Number类型 我上面放的直接是写好的代码 放心使用 ！ 我写的是局部的过滤器 你如果很多地方都要用 最好写全局过滤器 后续会补充！ 全局过滤器 只不过是把过滤器放在了全局 前面的用
使用toFixed()函数时，出现“toFixed() is not a function”的解决办法
热门推荐
weixin_41997172的博客
08-08 3万+
toFixed只能针对数字类型才能使用，所以对于字符类型的要用parseFloat(value).toFixed(2)+% 保留2为小数后面加个百分号 或者parseInt函数先转一下再调用
Vue数据类型转换/toFixed函数使用的错误
weixin_44854986的博客
02-17 1685
报错图 场景 原因 这个报错说的是我的变量goodPrice本身期望是个Number类型的，但是实际上是一个字符串类型的，所以报错了。 而仔细检查后台代码 错误就在这里。 我为了让商品总金额显示时保留2位小数，使用了toFixed()函数，而toFix(）函数的返回值是String类型，所以类型不匹配报错。 解决 使用转换函数等进行解决类型问题 1. 转换函数 /*整数*/parseInt(string) /*分数*/parseFloat(string) /*Number*/Number(val
JavaScript： toFixed() is not a function 报错
Gary Leong
07-04 3005
toFixed()函数只有数字类型的参数才可使用,字符串类型的参数需用parseFloat或者parseInt转换后再使用！ parseFloat(coord.split(',')[0])
vue 过滤器filters中使用toFixed()，提示toFixed不是函数
suixinMLF的博客
09-11 1260
在vue中，过滤器使用toFixed()对数值取两位小数操作，提示data.toFixed is not a function 解决办法： Number(data).toFixed(n) //转成数值类型； 定义和用法： toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。 NumberObject.toFixed(num) n必需。规定小数的位数，是 0 ~ 20 之间的值，包括 0 和 20，有些实现可以支持更大的数值范围。如果省略了该参数，将用 0 代替。 ...
vue.js 中使用（...）运算符报错的解决方法
10-18
在Vue.js开发过程中，我们经常会遇到使用ES6新特性时出现的兼容性问题，其中扩展运算符（...）就是一种常见的例子。扩展运算符在JavaScript ES6中引入，用于复制和合并数组或对象，但在一些旧版本的浏览器或环境中...
vue.global.js，Vue.js 框架的核心文件之一
08-11
`vue.global.js` 文件是 Vue.js 框架的核心文件之一。它包含了 Vue.js 全局对象的定义和一些全局方法和属性的实现。 该文件对整个 Vue.js 应用的运行起着重要的作用，它提供了全局范围的 Vue 构造函数和一些全局...
webstorm和.vue中es6语法报错的解决方法
12-09
这样做所有的.js文件中es6不再报错，但是.vue文件中es6语法依然报错。 2. .vue文件中es6语法报错 (1)打开 Settings => File Types 找到 HTML 添加 *.vue 这样vue文件就相当于html文件，可以编辑css，js，也都有智能...
vue.js 中使用（…）运算符报错的解决方法
12-10
首先，报错的原因在于Vue.js项目可能没有正确地配置Babel，Babel是一个JavaScript编译器，它可以将ES6+的代码转换为当前浏览器能理解的ES5语法。在处理扩展运算符时，我们需要安装并配置`babel-plugin-transform-...
vue.js和vue.min.js
06-13
Vue.js和Vue.min.js是两种版本的同一款前端JavaScript框架——Vue.js的实现。Vue.js由尤雨溪（Evan You）开发，旨在为构建用户界面提供简洁、易用且可扩展的工具。这两个文件在功能上是相同的，但它们在实际应用中...
JS中toFixed()方法引起的问题如何解决
10-27
最近发现JS当中toFixed()方法存在一些问题，采用原生的Number对象的原型对象上的toFixed()方法时，规则并不是所谓的“四舍五入”或者是四舍六入五成双
Vue toFixed保留两位小数的3种方式
01-21
第一种： 直接写在js里面，这是最简单的 val.toFixed(2) 第二种： 在ElementUi表格中使用 第三种： 在取值符号中使用 {{}} 定义一个方法 towNumber(val) { return val.toFixed(2) } 使用 {{ towNumber(row.equiValue) }} 补充知识：vue中提示toFixed不是函数 vue中toFixed获取小数点后两位 错误提示： .toFixed is not a function 解决办法： Number(_this.group_cash).toFixed(2) 以
1.解决使用 position: fixed；时内容被覆盖；2.vue2消除滑动条
m0_72686628的博客
06-22 1319
1.使用 position: fixed;固定定位时内容还是会被覆盖，就可以使用z-index增加层级（仅能在定位元素上奏效）2.第一步npm install less less-loader --save。第二步在App.vue中。
vue中提示toFixed不是函数
weixin_30781631的博客
01-22 1362
vue中toFixed获取小数点后两位 错误提示:.toFixed is not a function解决办法：Number(_this.group_cash).toFixed(2) 转自：https://www.cnblogs.com/WoAiZmm/p/8000409.html 转载于:https://www.cnblogs.com/ch-zaizai/p/8329047.html...
vue项目中使用.toFixed()函数时，出现“toFixed() is not a function”
最新发布
m0_50811185的博客
11-25 1399
【代码】vue项目中使用.toFixed()函数时，出现“toFixed() is not a function”
[bug] _this6.editPrice.toFixed is not a function
Owen的博客
09-02 102
toFixed() 只能用于数值类型，如果数据是字符串类型是没有这个方法的
vue 全局filter 和局部filter
zyx的博客
02-02 1万+
在项目中不可避免的有时会用到过滤器，于是先在局部使用过滤器 在单个组件内局部调用过滤器 span class="fr">浏览量:{{item.number | BrowsingVolume }}+span> created(){ }, filters:{ BrowsingVolume:function(value){ return value.toFix
出现（.toFixed is not a function）原因及解决方法
IU
06-03 1万+
toFixed定义和用法 – w3c toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。 解决 toFixed只能针对Number类型才能使用，所以对于字符类型的要用parseFloat或者parseInt函数先转一下再调用
vue2vue.config.js报错
08-17
你在使用Vue CLI 5搭建的Vue3 TypeScript项目时，想将vue.config.js更改为vue.config.ts。根据引用的描述，你尝试了一些操作，将vue/cli-service版本降低到4.5.13，这样is-file-esm文件夹就不会被下载了，然后你成功地将vue.config.js改为vue.config.ts。这个操作可能解决了你的问题。 然而，根据你提供的信息，我无法得知具体的报错内容。如果你能提供更多关于报错的细节或错误信息，我可以更准确地帮助你解决这个问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [vue项目 vue.config.js改成vue.config.ts](https://blog.csdn.net/wentingya/article/details/130486341)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [vue.config.js](https://download.csdn.net/download/weixin_44692055/12050547)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [vue2之vue.config.js最全配置教程](https://blog.csdn.net/xhd11257339/article/details/124062188)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值