vue3 element-plus el-select 再次重新选择时报错ResizeObserve loop limit Exceeded

这个错误是因为 `el-select` 在重新选择时，会不停地调用 `ResizeObserver`。而 `ResizeObserver` 是一个监控元素大小变化的 API，如果在短时间内频繁地修改元素大小，就会触发该错误。

解决这个问题的方法是，在 `el-select` 组件中添加 `v-if` 判断，当组件隐藏时才进行重新选择。例如：

<template>
  <el-select v-if="showSelect" v-model="selected" placeholder="请选择">
    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
  </el-select>
</template>

在组件的 `data` 中添加 `showSelect` 属性，并在需要重新选择时将其设置为 `false`，待组件隐藏后再将其设置为 `true`，以避免频繁调用 `ResizeObserver` 导致该错误。

export default {
  data() {
    return {
      showSelect: true,
      selected: null,
      options: [
        { value: 'value1', label: '选项1' },
        { value: 'value2', label: '选项2' },
        { value: 'value3', label: '选项3' }
      ]
    }
  },
  methods: {
    resetSelect() {
      this.showSelect = false
      this.$nextTick(() => {
        this.showSelect = true
      })
    }
  }
}

在需要重新选择时，调用 `resetSelect` 方法即可。例如：

<el-button @click="resetSelect">重新选择</el-button>

这样就可以避免 `ResizeObserver loop limit Exceeded` 错误的出现了。