Vue 解决route-link路由跳转时页面不刷新问题

Vue 解决route-link路由跳转时页面不刷新问题

1.分析

在使用route-link跳转路由时，每次跳转，页面都不会刷新。是因为路由跳转并非页面刷新，而我们获取数据的方法都是写在created钩子函数中，所以，created并不会每次都执行，从而导致页面数据没有刷新。

2.解决方法

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

在router-view标签中加入:key="$route.fullPath"即可