Vue動態綁定圖片路徑時不會顯示

踩坑紀錄

vue-router在3.0版本以上時，重覆點菜單，控制台會報錯，雖然不影響使用，但是最好處理下這個問題，不然也可能會影響調試其他問題。

原因：

vue-router在3.0版本以上時 ，回調形式改成了promise api，返回的是promise，如果沒有捕獲到錯誤，控制台始終會出現報錯

解決方案：

• 方式一：

1. 在榜定點擊事件後使用.once方法，@click.once(clickmenu(item))

   後續更新：使用方式一會造成若去了其他頁面後，無法在點擊菜單返回頁面，不要使用方式一

2. 使用.catch(err => err)捕獲異常

    //點擊菜單跳轉頁面
    clickMenu(item) {
      this.$router.push(item.path).catch(err => err)
    }
   

---

轉載請注明來源，歡迎對文章中的引用來源進行考證，歡迎指出任何有錯誤或不夠清晰的表達。可以郵件至 b8954008@gmail.com