Vue项目中表格批量删除实现及DOM更新问题解析

日期：2025-02-02 08:27:55 作者：创始人浏览：0

vue项目中表格中批量删除

注意：如果删除一个并在后台删除很多，则将您写在同一接口中，并通过对象数组中的ID删除它，请查看底部！交叉点1。
首先，您必须首先写出删除和删除按钮。
相交的交叉点1。
单个删除按钮的事件（注意：我在JS中写下了所有互动，因此您看到的是该的变量。
第一次到达。

发现vue的bug?删除数组项没跟dom元素移除对应，无论从数组什么位置删除数据，貌似dom元素都是末尾移除。

vue.js将在v-for wuse.js中使用“本地升级”策略。
这意味着Vue不会恢复整个列表，而是将更新DOM。
删除数组中的元素时，VUE将尝试使用DOM节点，而不是删除DOM节点并重置重置重置。
您遇到的情况就是这种情况。
删除数组中的元素后，实际上将其从vue a a a的响应信息中删除，并且不符合真实DOM节点的删除。
如果如果要删除相关域节点，则可以使用键属性来添加v-Form的唯一标识符。
以下是一个示例。

[xss_clean] project> project 3“项目3”项目3“项目3”项目3“项目3”项目3“项目3”项目3“项目3”项目3“项目3”项目，{iReItemm（index）{this ands.splice（indisator）;}，}; </ script> ind divv-for =“（item，index）：键是每个DOM节点中唯一的标记，并且将通过此唯一的DOM节点将其删除。