el-table 刷新
时间: 2023-11-23 11:53:09 浏览: 92
上拉刷新Table
在 Vue.js 中,当数据发生变化时,页面并不会立即更新,而是会等待下一个事件循环时才会更新。因此,在 el-table 中,如果数据已经渲染,但是数据项发生了更改,期望表格动态更新,可以通过设置 el-table 的 key 值来达到动态更新效果。具体做法是,在 el-table 中设置 key 值,重新赋值表格数据之后,更新 key 值,达到动态更新效果。这个原理类似于路由路径后加 key 值来达到刷新目的,猜测是 dom 树 diff 时检测 key 值发生了变化,从而更新了数据。
另外,如果在 el-table 中使用了 setInterval 定时器,可能会导致页面卡顿。解决办法是,在使用 setInterval 定时器时,通过 $once 这个事件侦听器来清除定时器,具体做法是在 beforeDestroy 钩子函数中清除定时器。
阅读全文