vue的路由跳转，页面不更新数据的方法

这是因为vue-router会识别出两个路由使用的是同一个组件从而进行复用，并不会重新创建组件，而且组件的生命周期钩子自然也不会被触发，导致跳转后数据没有更新。那我们如何解决这个问题呢？我们可以为router-view组件添加属性key,

       

{
path: "/detail/:id",
name:"detail",
component: Detail
}

 

<router-view :key="$route.fullpath"></router-view>

 

 

 

 

或者是

<router-view :key="key"></router-view>

computed:{

key (){

return this.$route.name？this.$route.name+new.Date():  this.$route.name+new.Date()

}

}