                        課程
                    
                        /前端開發
                        
                            /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

關注問題我要回答

1787

操作

收起

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 回復有任何疑惑可以回復我~

收起回答