Vue.js報(bào)錯(cuò)Failed to resolve filter問(wèn)題的解決方法
之前使用vue.js寫(xiě)分頁(yè)功能時(shí)，寫(xiě)了一個(gè)過(guò)濾器，發(fā)現(xiàn)一個(gè)比較奇怪的錯(cuò)誤。
console控制臺(tái)調(diào)試的時(shí)候，提示錯(cuò)誤消息：
Failed to resolve filter: HomePage
console錯(cuò)誤信息.jpg
我原來(lái)的寫(xiě)法：
原來(lái)的錯(cuò)誤寫(xiě)法.jpg
錯(cuò)誤原因：
經(jīng)過(guò)自己的摸索，后來(lái)發(fā)現(xiàn)竟然是代碼順序錯(cuò)誤問(wèn)題。
由于先執(zhí)行的pageList,后執(zhí)行的Vue的過(guò)濾方法，最終調(diào)整過(guò)的寫(xiě)法：
修改后的正確寫(xiě)法.jpg
作者：=金剛=
文章地址：http://www.cnblogs.com/woaic
本文已被整理到了《Vue.js前端組件學(xué)習(xí)教程》，歡迎大家學(xué)習(xí)閱讀。
關(guān)于vue.js組件的教程，請(qǐng)大家點(diǎn)擊專(zhuān)題vue.js組件學(xué)習(xí)教程進(jìn)行學(xué)習(xí)。
更多vue學(xué)習(xí)教程請(qǐng)閱讀專(zhuān)題《vue實(shí)戰(zhàn)教程》
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家解決Vue.js報(bào)錯(cuò)Failed to resolve filter有所幫助，也希望大家繼續(xù)關(guān)注腳本之家的更多精彩內(nèi)容，謝謝。
- Vue項(xiàng)目報(bào)錯(cuò)：Uncaught SyntaxError: Unexpected token <
- Vue 報(bào)錯(cuò)TypeError: this.$set is not a function 的解決方法
- 解決vue安裝less報(bào)錯(cuò)Failed to compile with 1 errors的問(wèn)題
- Vue報(bào)錯(cuò)：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#<Object>‘的解決方法
- vue踩坑記-在項(xiàng)目中安裝依賴(lài)模塊npm install報(bào)錯(cuò)
- VUE 項(xiàng)目在IE11白屏報(bào)錯(cuò) SCRIPT1002: 語(yǔ)法錯(cuò)誤的解決
- Vue 解決通過(guò)this.$refs來(lái)獲取DOM或者組件報(bào)錯(cuò)問(wèn)題
- Vue——解決報(bào)錯(cuò) Computed property "****" was assigned to but it has no setter.
- vue-cli 打包后提交到線上出現(xiàn) "Uncaught SyntaxError:Unexpected token" 報(bào)錯(cuò)
- Vue實(shí)戰(zhàn)之項(xiàng)目開(kāi)發(fā)時(shí)常見(jiàn)的幾個(gè)錯(cuò)誤匯總
相關(guān)文章
vue2中如何更改el-dialog出場(chǎng)動(dòng)畫(huà)(el-dialog彈窗組件)
el-dialog是一個(gè)十分好用的彈窗組件，但是出場(chǎng)動(dòng)畫(huà)比較單調(diào)，于是決定自定義一個(gè)出場(chǎng)動(dòng)畫(huà)，本文通過(guò)實(shí)例代碼圖文相結(jié)合給大家敘述下實(shí)現(xiàn)思路，感興趣的朋友一起看看吧2022-06-06
在vue項(xiàng)目中引入vue-beauty操作方法
在本篇文章里小編給大家分享了關(guān)于在vue項(xiàng)目中引入vue-beauty操作方法，有需要的朋友們跟著學(xué)習(xí)參考下。2019-02-02
vue如何解決數(shù)據(jù)加載時(shí),插值表達(dá)式閃爍問(wèn)題
這篇文章主要介紹了vue如何解決數(shù)據(jù)加載時(shí),插值表達(dá)式閃爍問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-01-01
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)可增刪查改的成績(jī)單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
前端Vue?select下拉框使用以及監(jiān)聽(tīng)事件詳解
由于前端項(xiàng)目使用的是Vue.js和bootstrap整合開(kāi)發(fā),中間用到了select下拉框,這篇文章主要給大家介紹了關(guān)于前端Vue?select下拉框使用以及監(jiān)聽(tīng)事件的相關(guān)資料,需要的朋友可以參考下2024-03-03
Vue動(dòng)態(tài)類(lèi)的幾種使用方法總結(jié)
這篇文章主要介紹了Vue動(dòng)態(tài)類(lèi)的幾種使用方法總結(jié)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
class 與 style 綁定就是專(zhuān)門(mén)用來(lái)實(shí)現(xiàn)動(dòng)態(tài)樣式效果的技術(shù),如果需要?jiǎng)討B(tài)綁定 class 或 style 樣式,可以使用 v-bind 綁定,本文給大家講解Vue 綁定style和class樣式,感興趣的朋友一起看看吧2023-10-10
關(guān)于this.$refs獲取不到dom的可能原因及解決方法
這篇文章主要介紹了關(guān)于this.$refs獲取不到dom的可能原因及解決方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-11-11
Vue數(shù)據(jù)變化后頁(yè)面更新詳細(xì)介紹
這篇文章主要介紹了Vue在數(shù)據(jù)發(fā)生變化后是如何更新頁(yè)面的，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧2022-10-10
Vue動(dòng)態(tài)添加屬性到data的實(shí)現(xiàn)
在vue中請(qǐng)求接口中，一個(gè)請(qǐng)求方法可能對(duì)應(yīng)后臺(tái)兩個(gè)請(qǐng)求接口，所以請(qǐng)求參數(shù)就會(huì)有所不同。需要我們先設(shè)置共同的參數(shù)，然后根據(jù)條件動(dòng)態(tài)添加參數(shù)屬性2022-08-08