                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /使用vue2.0实现购物车和地址选配功能

totalMoney 用全局的过滤器报错？

Vue.filter("money", function(value, type) { //全局过滤器

return "￥ " + value.toFixed(2) + type;

});

报错

[Vue warn]: Failed to resolve filter: money

(found in <Anonymous>)

海绵宝宝110765

2017-10-20

源自：使用vue2.0实现购物车和地址选配功能 5-2

关注问题我要回答

1687

操作

收起

5 回答

慕移动9181930
2022-03-24

哪种都可以的，一般不怎么用到变量输出亲 ~i n p u t 中是 t y p e 不是 t a p e

0 回复有任何疑惑可以回复我~

收起回答

qq_知难_0
2018-12-21

你可以直接重写个函数在filters初始化内部，

money: function (value) {
    return value.toFixed(2)+'元';
}
可以避开这个错误！

0 回复有任何疑惑可以回复我~

收起回答

ThinkSummer
2017-12-26

我在控制台上打了断点，发现报错的时机总是在程序初始化渲染的时候，无论将来程序怎么运行，就只报这一次错，而咱们控制台报错的内容是：“警告，解析过滤器XX失败”。所以我推测，在总金额上使用过滤器的时候，过滤器还没有加载，而在后面再次使用过滤器时因为已经加载了，所以不会报错了。所以，我试着将全局的过滤器声明放到了new Vue实例之前，竟然不报错了，说明原因确实如此。这只是表面上的解决办法，总重要的是我们要弄懂Vue背后的机理。

在具体求每个商品金额的时候使用过滤器不报错，在总金额加上过滤器的时候就报错，呵呵，这也正说明我们对Vue的运行机制和编译过程了解的太少，我们还要与Vue多多切磋。

0 回复有任何疑惑可以回复我~

收起回答