在vue中用spilce删除数据总是删除最后一条

我们在vue中绑定key值时一般都喜欢用index，那当我们的key值用index时的同时，splice也用到了index，这样就会使我们的key造成渲染错误，从而导致splice一直删除最后一条数据。关于key大家可以看下官网的描述。解决方案：给数组添加一个id，让key绑定id，这样splice就可以根据索引删除数据了。下面是vue官网，大家可以去看一下！！API — Vue.js (vuej

橱窗的微光

3034人浏览 · 2021-11-19 10:54:10

橱窗的微光 · 2021-11-19 10:54:10 发布

我们在vue中绑定key值时一般都喜欢用index，那当我们的key值用index时的同时，splice也用到了index，这样就会使我们的key造成渲染错误，从而导致splice一直删除最后一条数据。关于key大家可以看下官网的描述。

解决方案：

给数组添加一个id，让key绑定id，这样splice就可以根据索引删除数据了。

下面是vue官网，大家可以去看一下！！

API — Vue.js (vuejs.org)

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^