Vue.js 如何仅使用一个v-for循环通过3个阵列？

我的Vuex状态中有3个阵列。如何使用一个v-for循环通过所有这些设备？例如：

    export const stepOne = {
  state: {
    textfields: [
      {
        value: "",
        label: "weight",
      },
    ],
    textfieldTire: {
      value: "",
      label: "Tire radius",
    },
    textfieldDocument: [
      {
        value: "",
        label: "Document",
      },
    ],

  },
}

这就是我显示它们的方式，但它只显示“textfields”数组。如何在不使用多个v-for的情况下输出数据

.check-data
    .table(
      v-for='(item, idx) in $store.state.stepOne.textfield'
      :key='idx'
    ) 
      .label
        | {{$store.state.stepOne.textfield[idx].label}}
      .value
        | {{$store.state.stepOne.textfield[idx].value}}

---

使用数组的

concat

方法计算的属性应该可以完成这项工作

导出默认值{
/*其他属性*/
计算：{
文本字段（）{
const{textfield，textfieldTire，textfieldDocument}=this.$store.state.stepOne
返回textfield.concat（textfieldTire，textfieldDocument）
}
}
}

然后将迭代的数组更改为我们刚刚创建的数组

。检查数据
.桌子(
v-for='（项目，idx）在文本字段中'
：key='idx'
) 
.标签
|{{item.label}
价值
|{{item.value}}

使用数组的

concat

方法计算的属性应该可以完成这项工作

导出默认值{
/*其他属性*/
计算：{
文本字段（）{
const{textfield，textfieldTire，textfieldDocument}=this.$store.state.stepOne
返回textfield.concat（textfieldTire，textfieldDocument）
}
}
}

然后将迭代的数组更改为我们刚刚创建的数组

。检查数据
.桌子(
v-for='（项目，idx）在文本字段中'
：key='idx'
) 
.标签
|{{item.label}
价值
|{{item.value}}

您可以创建一个computed属性，该属性从3个数组中获取信息，根据需要将它们格式化为一个数组，然后您可以使用单个v-for循环计算出的属性property@Eli有什么例子吗？我不知道怎么做。你可以创建一个计算属性，从3个数组中获取信息，根据需要将它们格式化为一个数组，然后你可以使用一个v-for在计算属性上循环property@Eli有什么例子吗？我不知道该怎么办it@YerlanYeszhanov不客气。：）你也可以接受答案。顺便说一句，我再次编辑了代码，将

textfields[idx]

更改为

item

@YerlanYeszhanov，不客气。：）你也可以接受答案。顺便说一句，我再次编辑了代码，将

textfields[idx]

更改为

item

。