vue-router如何做歷史返回提示?


獲取vue-router的上一個頁面是否存在或者是否是自己需要返回的地址,可以使用vue-router的的聲明周期函數,有三種模式:


第一種、使用全局函數beforeEach,直接來獲取form.path(即為對應的上一次地址的路由path內容);

beforeEach(to, from, next) {
    path = from.path //path為定義的變量,不是vue的data定義的變量,當前生命周期data還未初始化
    next()
}

第二種、使用組內共享函數beforeEnter,直接來獲取form.path(即為對應的上一次地址的路由path內容);

beforeEnter(to, from, next) {
    path = from.path //path為定義的變量,不是vue的data定義的變量,當前生命周期data還未初始化
    next()
}

第三種、使用組件內函數,beforeRouteEnter,,直接來獲取form.path(即為對應的上一次地址的路由path內容);

beforeRouteEnter(to, from, next) {
    path = from.path //path為定義的變量,不是vue的data定義的變量,當前生命周期data還未初始化
    next()
}

 


免責聲明!

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



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