vue 清除data

Question

我想在一个方法中清除组件的data中的某一项

<button @click=clearData(aa)></button>

data(){

return{
    aa:{name:'aa',age:"12"}
}

}
clearData(item){

this.item={}

}
这样定义的方法不对 大佬们看看怎么才能实现

Answer 1

你这样的话是给 Vue 实例新加了一个属性（item）而不是改变传入的参数的那个属性。

应该这样 this[item] = {} 这种才能把参数传进去。

然后上面点击后的回调传入的参数变成 string 类型，这样 @click=clearData('aa')

Answer 2

  <button @click=clearData('aa')></button>

 {
  data() {
    return {
      aa: { name: 'aa', age: '12' },
    }
  },
  clearData(item) {
    this[item] = {}
  },
}