Vue.js报错Failed to resolve filter问题原因
金刚
vue
Vue.js
js
javascript
之前使用vue.js写分页功能时,写了一个过滤器,发现一个比较奇怪的错误。
console控制台调试的时候
提示错误消息:
Failed to resolve filter: HomePage
![Vue.js报错Failed to resolve filter问题原因 Vue.js报错Failed to resolve filter问题原因](https://image.shishitao.com:8440/aHR0cHM6Ly9iYnNtYXguaWthZmFuLmNvbS9zdGF0aWMvTDNCeWIzaDVMMmgwZEhBdmFXMWhaMlZ6TWpBeE5TNWpibUpzYjJkekxtTnZiUzlpYkc5bkx6STFOelkwTlM4eU1ERTJNRFV2TWpVM05qUTFMVEl3TVRZd05USTBNak0wTkRJNE1qUXhMVEV5T1RZNU1qWTBNemN1Y0c1bi5qcGc%3D.jpg?w=700&webp=1)
console错误信息.jpg
我原来的写法:
![Vue.js报错Failed to resolve filter问题原因 Vue.js报错Failed to resolve filter问题原因](https://image.shishitao.com:8440/aHR0cHM6Ly9iYnNtYXguaWthZmFuLmNvbS9zdGF0aWMvTDNCeWIzaDVMMmgwZEhBdmFXMWhaMlZ6TWpBeE5TNWpibUpzYjJkekxtTnZiUzlpYkc5bkx6STFOelkwTlM4eU1ERTJNRFV2TWpVM05qUTFMVEl3TVRZd05USTBNak0wTkRJNE9Ua3hMVEV4TmpJMk9ESTVNRFl1Y0c1bi5qcGc%3D.jpg?w=700&webp=1)
原来的错误写法.jpg
错误原因
经过自己的摸索,后来发现竟然是代码顺序错误问题。。。
由于先执行的pageList,后执行的Vue的过滤方法。。。
最终调整过的写法:
![Vue.js报错Failed to resolve filter问题原因 Vue.js报错Failed to resolve filter问题原因](https://image.shishitao.com:8440/aHR0cHM6Ly9iYnNtYXguaWthZmFuLmNvbS9zdGF0aWMvTDNCeWIzaDVMMmgwZEhBdmFXMWhaMlZ6TWpBeE5TNWpibUpzYjJkekxtTnZiUzlpYkc5bkx6STFOelkwTlM4eU1ERTJNRFV2TWpVM05qUTFMVEl3TVRZd05USTBNak0wTkRNd01UWXpMVEUzTmpRME1qUTROalV1Y0c1bi5qcGc%3D.jpg?w=700&webp=1)
修改后的正确写法.jpg