Определите объект данных, используя переменную

Question

Я использую VueJS.Допустим, у меня есть некоторые данные следующим образом:

data () {
 return {
   status: {
     a: false,
     b: false,
     c: false
   }
}

Теперь в методе я могу манипулировать данными следующим образом:

method: {
  changeStatus: {
    this.status.b = true
  }
}

Однако мое требование состоит в том, чтобы у меня была переменнаякоторый содержит информацию о том, какой статус необходимо изменить.Например:

let target = c

Итак, в моем методе я хочу изменить статус c, то есть this.status.c = true.У меня вопрос, как я могу использовать переменную (target) для нацеливания правильных данных в моих данных?

Answer 1

Вы можете использовать скобочные обозначения: this.status['c'] вместо точечных обозначений: this.status.c

Затем можно заменить строку имени литерального свойства 'c' на переменную.Например

method: {
    changeStatus: function(target, value){
        this.status[target] = value;
    }
}