【ERROR】ResizeObserver loop completed with undelivered notifications

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

使用场景:

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

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

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

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

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

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

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

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


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部