el-select 中的el-options用v-for循环后选不中
可能是因为没有正确绑定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>
原文地址: https://www.cveoy.top/t/topic/bpYB 著作权归作者所有。请勿转载和采集!