原因

vue-router中router-link路由跳转也传统的路由跳转不同,vue-router的路由跳转其实是组件之间的跳转。因此:在跳转相同组件不会触发vue的视图更新。

解决方法

在router-view上添加 :key="$route.fullPath"属性即可。

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