elementui 组件排序后删除按钮删除元素异常:排查与解决
在使用 ElementUI 组件进行排序操作时,用户发现点击删除按钮会随机删除元素,尽管打印的传入下标是正确的。需要排查并解决这个问题。
可能的导致因素包括:
- index 变化:在排序后,组件的索引值会实时变化。因此,在点击删除按钮时,传入的下标可能已发生变化,从而导致删除错误的元素。
- 异步操作:删除函数中的 async 修饰符可能会导致异步执行,从而进一步引起 index 变化的问题。
针对这些因素,可以尝试以下解决方案:
- 去除异步修饰符:去掉删除函数中的 async 修饰符,强制同步执行。
- 使用 await:在执行 this.addForm.dtlGoods.splice(rowIndex, 1) 时,使用 await 来确保同步删除操作。