Javascript 从本地存储vuejs中删除阵列

我有一个问题，当我从本地存储中删除阵列时，它可以工作，但是当我添加一个新选项时，前面的选项会重新出现。我正在使用localStorage.removeItem（'arrayOption'），如何永久删除它？谢谢你的帮助

<template>
   <div v-for="option in arrayOption" :key="option.id_option">
           
            <div>
                <div>
                    <p>{{ option.name}} </p>
                    <p>{{ option.description}}</p>
                </div>
                <div  >
                   
                        <button  @click="deleteOption(option.id_option)" >-</button>
                        <p v-if="option.count == 0">{{ count }}</p>
                        <p v-else>{{ option.count }}</p>
                       <button @click=" addOption(option.id_option)">+</button>
                       </div>
                    </div>
                </div>
            </div>
</template>
new Vue({
  el: '#app',
  data() {
    return {
      arrayOption: [{
          id: 1,
          name: 'option1',
          description: 'je suis l option 1 ajoute moi au panier'
        },
        {
          id: 2,
          name: 'option2',
          description: 'je suis l option 2 ajoute moi au panier'
        },
        {
          id: 3,
          name: 'option3',
          description: 'je suis l option 3 ajoute moi au panier'
        },
        {
          id: 4,
          name: 'option4',
          description: 'je suis l option 4 ajoute moi au panier'
        }
      ],
      testCount: {},
    }
  },
   methods:{
    deleteOption(){
        localStorage.removeItem('arrayOption')
    },
     addOption(id){
        let addArrays = this.arrayOption[id]
        localStorage.setItem("arrayOption",JSON.stringify(addArrays))
    },
}

{{option.name}

{{option.description}}

-
{{count}
{{option.count}
+
新Vue({
el:“#应用程序”，
数据（）{
返回{
阵列选项：[{
id:1，
名称：“选项1”，
描述：'je suis l选项1 ajoute moi au panier'
},
{
id:2，
名称：“选项2”，
描述：'je suis l选项2 Ajute moi au panier'
},
{
id:3，
名称：“选项3”，
描述：'je suis l选项3 Ajute moi au panier'
},
{
id:4，
名称：“选项4”，
描述：'je suis l选项4 Ajute moi au panier'
}
],
testCount:{}，
}
},
方法：{
deleteOption（）{
localStorage.removeItem（'arrayOption'）
},
添加选项（id）{
让addArrays=this.arrayOption[id]
setItem（“arrayOption”，JSON.stringify（addArrays））
},
}

问题是您从数组中提取索引，而不是查找具有选定id的数组项。请尝试更改此设置

addOption(id){
  const selectedArray = this.arrayOption.find(i => i.id === id)
  localStorage.setItem("arrayOption",JSON.stringify(selectedArray))
}

---

addOption

方法在哪里？我添加了addOption@AregThank you@Areg它工作得很好：）@tony cool，别忘了将此标记为正确答案，以防其他人遇到类似问题Too我不知道如何标记这是正确答案@Areg@tony按下投票按钮下的复选标记，完成：）谢谢@Areg