@selection-change 方法会被触发多次

Question

vue element-ui 框架,为什么el-table在使用复选框时 @selection-change 方法会被触发多次

Answer 1

如果你不想让 @selection-change 方法被多次触发，可以考虑使用 $nextTick() 方法来优化代码。具体做法是，在 @selection-change 方法中，使用 $nextTick() 来延迟执行需要处理的业务逻辑。这样，当多次勾选/取消复选框时，Vue 会将这些操作合并成一次数据变化事件，并在 $nextTick() 后执行 @selection-change 方法，从而减少方法的触发次数