Element-ui v-for无法附加阵列

时间:2018-07-02 16:05:15

标签: vue.js element-ui

这里是带有'v-for'的'el-option'。我使用了数据道具,但是没有正确的显示。

      <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>

有数据

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

我可以确定循环是正确的,我可以使用Chrome控制台找到“ dicts [“ Rectype”]。value”,但是它永远不会显示在“ el-select”中 与“ dicts [col.SHOWNAME]”

有没有人可以帮助我... tks

0 个答案:

没有答案