Vue.beforeEach is not a function報錯


使用導航守衛改變頁面的title時報錯了,明明在beaforeEach的參數中寫了箭頭函數也報下面的錯誤

 

 后面發現我的問題在於直接導出了export.default new Router({……})中的內容,然后寫的Router.beforeEach,直接給Router這個路由插件使用了beforeEach,應該給聲明的路由實例添加beforeEach方法才對,使用const router = new Router({……}) 然后使用router.beforeEach就可以了,具體寫法如下

 

 

 next()是函數體所必須的,支持路由往下跳轉的回調,to和from的意思就是從(from)哪個路由跳轉到(to)哪個路由去,但是有些時候按照to.meta可能會取不到元數據,比如有路由的嵌套也就是routers中含有children的時候

將to打印出來,to中有一個mached,是一個數組,在[0]的位置可以看到我們在路由中定義的元數據meta

在實際項目中方法里面最好寫document.title=to.matched[0].meta.title


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM