选择 2 标记被继承到下一行

Question

我有一个应用程序循环遍历一个数组并输出一系列 select2 元素。每个元素旁边都有一个删除按钮。当其中一个元素被删除时，会出现错误/故障，这意味着先前的 select2 值将应用于前一行。

这是一个演示：https://jsfiddle.net/3oqsmw0z/1/

我使用splice按索引删除项目：

deleteItem: function(index) {
    console.log('deleteItem');
    this.mySelects.splice(index, 1);
}

复制问题：

在第一个选择中选择第一个选项，在第二个选择中选择第二个选项，然后在第三个选择中选择第三个选项。现在，删除第二个选项。理论上它现在应该显示元素一和三（两个已被删除）。但它显示选择了第二个选项。您可以通过标签看到它是第三个元素，如果您查看控制台中的标记，它就是第三个元素。为什么显示第二个选择的选项？

Answer 1

尝试使用官方Wrapper Component 换成select2

Working demo