vue数据循环遍历问题

Question

<el-select v-model="form.key" placeholder="请选择">
  <el-option
    v-for="(item,index) in config_page.params.default.cap.params"
    :label="item"
    :value="index">
  </el-option>
</el-select>

数据如下

然后会报如下错误

我加了一个判断后就没事了

<el-select v-model="form.key" placeholder="请选择" v-if="config_page.params">
  <el-option
    v-for="(item,index) in config_page.params.default.cap.params"
    :label="item"
    :value="index">
  </el-option>
</el-select>

这个问题中不会存在default属性不存在。或者default属性所处的对象不存在的情况，为什么要加上一个 v-if="config_page.params"？

Answer 1

你这个default这个属性是本地数据还是从服务器取的？
如果是服务器取的有可能是你调用default的时候还没取到