vue中双重for循环,动态的数据

Question

这个地方我想做成动态的，我在computedContactList里面嵌套使用,直接报栈溢出了### 问题描述

Answer 1

这样写是没问题的吧 是不是数组越界了 contact的长度和computedContactList一样长吗

Answer 2

<Tabs value="name1">
    <TabPane v-for="(it, index) of computedContactList" :key="index" :label="it.name" :name="'name' + (index+1)">
      <div v-for="(item, key) of contactListRange(index)" :key="key">
        <FormItem :label="item.title">
          <RadioGroup v-model="item.check" v-if="!item.hideCheck">
            <template v-if="item.isYaCheckout">
              <Radio label="Match">Ya</Radio>
              <Radio label="Mismatch">Tidak</Radio>
              <Radio label="NA">NA</Radio>
            </template>
            <template v-else>
              <Radio label="Match">Sama</Radio>
              <Radio label="Mismatch">Tidak Sama</Radio>
              <Radio label="NA">NA</Radio>
            </template>
          </RadioGroup>
          <Input :maxlength="500" v-model="item.value" type="textarea" :rows="1" v-if="!item.hideText"/>
        </FormItem>
      </div>
    </TabPane>
</Tabs>

contactListRange(index) {
  return this[`contact${index+1}`];
}

这个是我最后解决的方案

Answer 3

最好还是对数据先处理一下再渲染吧

Answer 4

computedContactList数据没有，contact数据也没有，代码还特么截图，鬼给你找问题啊，自生自灭吧！