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

            }

    }

}

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

巴特西

vue中params-解决换路由不刷新问题

最新文章

热门文章