router-view 中 key

441 阅读1分钟
  • 无key:不同路由配置的组件相同时,这些路由会共用同一个组件实例
  • 有key:不同路由配置的组件相同时,每个路由对应一个自己的实例。
eg:# `<router-view :key="$route.path">` 
通过设置key值为$route.path,因为子路由的path不同,从而避免了组件复用,子路由间来回切换时,页面都会重新加载.
注意: key值最好用path,用new Date()的时候,页面有左侧菜单显示、隐藏,页面会重新加载(03项目)