可能是因为没有正确绑定v-model属性,或者选项的value值和v-model绑定的值不匹配。请确保v-model绑定的是一个可响应的变量,且选项的value值与该变量的值匹配。另外,也可以尝试使用ref属性来获取el-select组件的实例,然后使用该实例的方法来设置选中的值。例如:

<template>
  <el-select v-model="selected" ref="select">
    <el-option v-for="(item, index) in options" :key="index" :value="item.value">{{item.label}}</el-option>
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      selected: '',
      options: [
        {value: 'option1', label: 'Option 1'},
        {value: 'option2', label: 'Option 2'},
        {value: 'option3', label: 'Option 3'}
      ]
    }
  },
  mounted() {
    // 设置选中的值
    this.$refs.select.select(this.options[1].value);
  }
}
</script>
el-select 中的el-options用v-for循环后选不中

原文地址: https://www.cveoy.top/t/topic/bpYB 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录