Javascript 使用两个不同的按钮vuejs修改计数器

我想从“添加”和“删除”按钮编辑更新计数器

不幸的是，即使add按钮按要求运行良好，delete按钮也不会更新它

下面有一张图片显示我的问题

下面是

codesandbox

上更简单的代码：

https://hq5lf.csb.app/

这是我的密码：

-
{{count}
{{option.count}
+

{{{optionTests.nameOptions}
{{optionTests.selectOption}

供给者


数据（）{
返回{
阵列选项：[{
id:1，
名称：“选项1”，
描述：'je suis l选项1 ajoute moi au panier'
},
{
id:2，
名称：“选项2”，
描述：'je suis l选项2 Ajute moi au panier'
}
],
计数：0
}
},
方法：{
删除选项（id、计数）{
localStorage.removeItem（id）
},
添加选项（id）{
让addArrays=this.arrayOption[id]
setItem（“arrayOption”，JSON.stringify（addArrays））
},
removeName（x，选择选项）{
console.log（选择选项）
该测试拼接（x，1）；
console.log（x）
localStorage.removeItem（选择选项）
},
}

这是我这期杂志的图片：

---

您的

count

在对象之外，您将其称为

选项。count

在

v-for

循环中

---

删除不匹配的场景。

以下是我一眼就能看到的内容：

不存在的密钥

您一直在引用

option.id\u option

——但是

arrayOptions

中的对象中不存在该键。你是说

option.id

用作索引的ID

这可能是故意的，但考虑到代码的其余部分，我认为这可能只是一个错误-在

addOption

方法中，您使用以下行：

让addArrays=this.arrayOption[id]

这基本上意味着，当您单击第二个选项时，它将传递理论ID 2，但当它随后尝试检索索引时，它将一无所获（因为带有ID2的选项位于索引1处-数组从0开始，而不是从1开始）。 相反，您必须像下面这样搜索id：

 addOption(id){
        let addArrays = array.find(el=>el.id===id)
        localStorage.setItem("arrayOption",JSON.stringify(addArrays))
    },

---

有可能恢复option.count吗？在

count

上，你想实现什么？对不起，是我犯了一个错误，它在对象中很好。我想能够使用tudo Listed/更新你的问题中的delete按钮更新计数器谢谢你@thomas Kuhlmann，我想我复制的代码不正确，我创建了一个代码to解释我的问题。在原始表格中，它是id_选项，当我单击deleteOption时计数器变为零，但当我单击RemoveNamemen时计数器变为零。我建议复制中的错误，即-如果您的帖子甚至没有显示-实际-问题，则几乎无法帮助您。谢谢您的帮助@thomas Kuhlmann，我创建了d codesendbox:上的模型，问题是当我单击todo列表部分中的删除按钮时，我无法将选项计数器重置为zero@tony这就是你想要的吗？非常感谢你@Thomas Kuhlmann这正是我想要的我花了4天时间尝试了几件事，但我是个新手