今天测试给我提了个bug,说是页面卡顿,我当时心里微微一笑,卡顿不是。。。很正常么。。。 作为一个合格的程序媛,我还是打开了页面,打开之后我才发现事情并不简单,这个卡顿是真的卡,鼠标点击后要5秒左右才会反应,吓得我赶紧打开了控制台 我们项目的列表页面有10s的定时器,当时脑袋嗡嗡的,这不是无限警告么,所以我打开了某翻译 翻译结果如下:
[Vue警告]:组件<ElTableColumn>中超过最大递归更新。这意味着你有一个反应性的效果,它会改变自己的依赖性,从而递归地触发自己。可能的源包括组件模板、渲染函数、更新的挂钩或观察源函数。
我开始操作列表中的每一列,不断的注释,释放,终于被我发现竟然是因为操作列使用了函数进行显隐的判断,导致了警告
所以后面我把代码改成了使用scope.row的数据直接进行判断,解决这个问题
嗯,果然页面操作变得丝滑了起来
将我遇到的问题发出来给遇到同样问题的小伙伴一个提示,希望大家称为快乐的程序员!