如何使用For循环在Vue Js中动态更改变量？

问题描述

基本上我有5个foodNames变量。我想动态更改它们的值。 像这样：

        foodName1: '',foodamount1: '',foodName2: '',foodamount2: '',foodName3: '',foodamount3: '',foodName4: '',foodamount4: '',foodName5: '',foodamount5: '',addFood() {

      for (i=1; i < this.n; i++) {

       this.list.push(this.foodName{i});
       this.list.push(this.foodamount{i});
       this.foods.push(this.list);
       this.list= [];
       this.foodName{i} = '';
       this.foodamount{i} = '';
   }
        
}

我该如何实现？

解决方法

您应该将食物名称放入数组中，并使用foodName [i]

进行访问 ,

您可以使用方括号动态访问对象属性名称：

this["foodName"+i] = "";