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     
            }
    }      
}

喜欢的小伙伴可以关注我的微信公众“前端伪大叔”

 

posted @ 2019-10-20 11:04  前端伪大叔  阅读(2271)  评论(0编辑  收藏  举报