element选择器没有绘制出option结构？

Question

我使用了element里面的select选择器，当我重新清楚缓存后重新跳转到此路由的时候，报错了

中间页面没有刷新，之后我点击选择器就会弹出报错，看了一下元素发现没有option的结构，正常来说是会有下面这种结构的，来显示所有选项，
这是我的结构

<el-select v-model="className"
                     class="wrongSelect"
                     placeholder="Select"
                     @focus="selectFocusFnc">
            <el-option
                v-for="item in classList"
                :key="item.value"
                :label="item.label"
                :value="item.value"
            />
          </el-select>

<script setup lang="ts">
let className = ref<number>()
let classList = ref<DefaultSelectItem[]>()

onMounted(() => {
  className.value = 0
  classList.value = [{
    label: '2022-2023',
    value: 0,
  }]
  getClassList()
})

</script>

想问一下有没有大佬碰到过这种报错，这种应该如何解决呢

Answer 1

错误很明显的告诉你了，无法从 null 中读取到属性 emitsOptions，所以你得找一下是否有把值初始，以及是否有其他业务代码把你外部变量覆盖掉了。
一般来说都是初始化的时候不小心操作失误覆盖成 null 或者 undefined 了。