这个报错的译文是属性“tofixed”在渲染期间被访问,但未定义,
但实际这个报错是很多原因的
目前在做微信小程序,其中要实现一个对后端传过来的数据所有数值进行一个四舍五入并保留两位小数,所有打算使用过滤器这一API.但是在vue3中filters已经被删除,不再支持过滤器,所以推荐使用computed计算属性来替代之前vue2中过滤器的写法.
vue2写法报错
filters: {
tofixed(num) {
return Number(num).toFixed(2)
}
},
![](https://img.haomeiwen.com/i24559446/65e45ee48f6bf1f3.png)
采用vue3代替过滤器写法
computed: {
tofixed() {
return this.goods.goods_price.toFixed(2)
}
}
![](https://img.haomeiwen.com/i24559446/64aaf416bdc1b497.png)
网友评论