路由切换,el-table数据更新,但是表格没有更新?
背景:公共组件: 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个回答

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

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