vue同一路由打开多页面,比如a页面和b页面都是x路由。
修改b页面数据 a页面数据也收到影响 。
原因是vue判断路由的时候 发现是同一个路由 就复用了组件。
解决方案: 在真实的router-view上加一个key,我这里使用的是
:key="$route.fullPath"
这里的真实指的是渲染路由的父级出口 。
例如 在一些vue-template-admin框架中,路由的真实出口不是App.vue中的router-view ,而是layout中的appMain中的router-view。