若依Vue3实现tab切换时实现 不刷新页面、不请求

时间:2024-12-03 21:54:45

 一、去除  :key

在 src 下的 layout -> components -> AppMain 中将 router-view的 :key去除

在 router-view 上设置 key 属性,会导致 keep-alive 不生效。 若以生效则不用进行第二部操作!

二、在菜单管理中查看路由地址及是否缓存

注意: 路由地址必须和页面中的 name 保持一致,页面中的name需使用大驼峰命名。例如:order -> Order

PS:我也是找了半个小时才找到这个方法,所以用来 分享 及 记录!