javascript - vue数据循环遍历问题

问题描述

问 题

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

解决方案

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

这篇关于javascript - vue数据循环遍历问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！