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

【问题标题】：How to Dynamically change variables in Vue Js with a For Loop?如何使用 For 循环动态更改 Vue Js 中的变量？
【发布时间】：2020-08-19 12:23:42
【问题描述】：

基本上我有 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} = '';
   }
        
}

我怎样才能做到这一点？

【问题讨论】：

没有任何上下文我们帮不了你
我只需要知道如何在变量中使用for循环的'i'即可。
这能回答你的问题吗？ Dynamically access object property using variable
这能回答你的问题吗？ VueJS: Set variable name using string

标签： javascript vue.js javascript-objects nuxt.js

【解决方案1】：

你应该把你的食物名称放在一个数组中，然后用 foodName[i] 访问它

【讨论】：

【解决方案2】：

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

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

【讨论】：

它说“我”没有定义
它说实例上没有定义“foodName”。
那你需要提供更多的代码来看看问题出在哪里。