【bug】el-drowdown报错Cannot read properties of undefined (reading ‘0‘)“

报错定位不到具体原因的时候，就很抓狂

el-dropdown一直报错，Cannot read properties of undefined (reading ‘0’)"

这种最不好排查了

<el-dropdown>
            <el-button
              type="primary"
              size="small"
              v-if="$route.query.id && form.status == '0'"
           
              class="ml5"
            >
              
              {{ $t('btnName.ams') }}
            </el-button>
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item v-for="(item, index) in dropdownItems" :key="index" @click.native="amssendSure(item)">
                <span>{{ item.label }}</span>
              </el-dropdown-item>
            </el-dropdown-menu>
          </el-dropdown>

原先正常的，忘记什么时候改了啥改成这个报错了

百度搜问题的时候，有的人提到v-if和v-else-if，有点提醒我了，会不会是这个v-if导致的，果然换成v-show之后就不报错了

错误原因：由于页面在挂载时请求的数据没有及时的返回，使其解析时读取到的数据为空，如果连续读取空数据的属性值时，这时浏览器就会报错，读取空数据的属性值时会返回 undefined，这时如果再次读取 undefined 的属性值时就会报错（这段话转载请注明来自 Mr.L’s Blog！）