vue在使用el-table时出现报错
使用场景:
点击两个按钮实现两个表格的切换,如下图
点击详情页面时可以正常切换,点击统计页面回来时出现下面的报错,而且控制台看不到该报错
解决方法:(网上有很多解决方法,但是都是对应不同的情况有相同的报错,根据自己的情况,找到自己的解决方法)
在表格中遍历列数组columns,按正常逻辑会将index来作为key,避免出现重复的情况
但是恰恰就是因为使用了index作为key才导致了报错
因为在切换时,el-table不会重新去渲染一遍,而且数据的一个变化
将key值改为列数组columns中的一个唯一标识即可解决报错
此处使用了columns中的唯一标识id