【ERROR】ResizeObserver loop completed with undelivered notifications

vue在使用el-table时出现报错

使用场景:

点击两个按钮实现两个表格的切换,如下图

【ERROR】ResizeObserver loop completed with undelivered notifications_第1张图片

点击详情页面时可以正常切换,点击统计页面回来时出现下面的报错,而且控制台看不到该报错

【ERROR】ResizeObserver loop completed with undelivered notifications_第2张图片

解决方法:(网上有很多解决方法,但是都是对应不同的情况有相同的报错,根据自己的情况,找到自己的解决方法)

在表格中遍历列数组columns,按正常逻辑会将index来作为key,避免出现重复的情况

但是恰恰就是因为使用了index作为key才导致了报错

【ERROR】ResizeObserver loop completed with undelivered notifications_第3张图片

因为在切换时,el-table不会重新去渲染一遍,而且数据的一个变化

将key值改为列数组columns中的一个唯一标识即可解决报错

此处使用了columns中的唯一标识id

【ERROR】ResizeObserver loop completed with undelivered notifications_第4张图片

你可能感兴趣的:(vue,vue.js,前端,前端框架,es6,javascript)