vue中params-解決換路由不刷新問題


因為依賴路由的params參數獲取寫在created生命周期里面,因為相同路由二次甚至多次加載的關系 沒有達到監聽,退出頁面再進入另一個文章頁面並不會運行created組件生命周期,導致文章數據還是第一次進入的數據。

解決方法:watch監聽路由是否變化。

watch: {
    // 方法1
    '$route' (to, from ) { 
        //監聽路由是否變化
        if(this .$route. params .articleId){
                // 判斷條件1  判斷傳遞值的變化
                //獲取文章數據
            }
    }
    //方法2
    '$route' (to,   from ) {
        if(to.path ==   "/page" ) {    
                /// 判斷條件2  監聽路由名 監聽你從什么路由跳轉過來的
                this .message =  this.$route.query.msg     
            }
    }      
}

喜歡的小伙伴可以關注我的微信公眾“前端偽大叔”

 


免責聲明!

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



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