vue路由只更改参数后页面组件不更新问题

2019-05-243773次阅读vue

如:

http://www.***.com/#/say/40

如果只是在地址栏修改参数40为30,回车,组件页面数据并未更新。

解决办法:

使用watch监听路由$route对象属性的变化

watch: {
  '$route' (to, from) {
      //data数据操作
  }
}

或者

export default {
    watch:{
        '$route':'getData'
    },
    created(){
         this.getData();
    },
    methods:{
        getData(){
           //dosomething
        }
    }
}

听说新版的router默认更正了路由变动页面没更新的问题,所以不用手动更新。建议使用最新的router吧

上一篇: vue中实现锚点定位及跳转  下一篇: Promise的“Uncaught (in promise) …”错误  

vue路由只更改参数后页面组件不更新问题相关文章