路由切换,el-table数据更新,但是表格没有更新?

作者站长头像
站长
· 阅读数 18

背景:公共组件: common.vuecommon.vue包含el-table组件。

common.vue有3个tab,比如是aa,bb,cc三个tab。三个tab的表格展示是不同的。aa为默认tab

使用:

比如first.vue组件引用了common.vue组件,切换到bb tab,展示的是bb tab相关的表格内容。

切换到second.vue组件,tab切换到了默认的aa tab,数据也更新到了aa tab的数据, 但是表格展示却仍然是之前在frist.vue界面展示的bb组件的表格。

注明: first.vue和second.vue对应的是不同的路由。

回复
1个回答
avatar
test
2024-06-19

可以从以下几个方面考虑:1、是否有缓存,keep-alive包裹的组件,如果开启缓存,下次打开还是默认上次的tab选项2、tab中不同的aa,bb,cc组件是否使用v-if进行显隐控制3、添加key

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容