Vue.js 元素ui v-for无法附加数组

这是一个带有“v-for”的“el选项”。我使用数据道具，但没有正确的显示

      <el-form label-width="100px">
          <el-row v-for="(row,index) in form.rows">
            <el-col v-for="col in form.cols[index]" :span="6">
              <el-form-item :label='col.SHOWNAME'>
                <el-select v-model='col.value'>
                  <el-option v-for='item in dicts[col.SHOWNAME].value' :key="item.Code" :label="item.Name" :value="item.Name"></el-option>
                </el-select>
              </el-form-item>
            </el-row>
          </el-col>
        </el-form>

我可以确定循环是正确的，我可以使用Chrome控制台查找'dicts[“Rectype”].value'，但它从未显示在'el select'中 带着“dicts[col.SHOWNAME]”

---

有人能帮我吗…tks

你能提供一个JSFIDLE吗？好吧，我发现了问题。cols和dicts是由ajax数据添加的，它是动态的。在js'for'循环中，我将每个'col'和'dict'添加到它们中。之后，我使用函数来获取ajax包含的dicts。现在我更改顺序，获取所有dict，然后我添加了列。抱歉隐藏了很多细节：）很好，你找到了解决方案。如果数据是异步填充的，也可以尝试使用计算属性

data:{
  form:{
    cols:[[{....,SHOWNAME:"Rectype"},{....}],[{.....}]],
    rows:[1,1]
  },
  dicts:{
     "Rectype":{name:"xxx",value:[{Code:"43010",Name:"xxxx"},{.....}]}
  }
}