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的时候还没取到