vue el-selse回显问题当回显时el-option下没有当前vale值显示空
如果使用el-select和el-option组件进行回显时,el-option下没有当前值显示为空的情况,可能是因为el-select的value属性没有设置为当前值。
你可以通过给el-select组件的value属性绑定一个变量,然后在该变量中设置当前的值。这样,当el-select组件进行回显时,会根据这个变量的值去匹配el-option中的选项,并显示对应的选项。
以下是一个示例代码:
<template>
<el-select v-model="selectedValue" placeholder="请选择">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
options: [
{ value: '1', label: '选项1' },
{ value: '2', label: '选项2' },
{ value: '3', label: '选项3' }
],
selectedValue: '2' // 设置默认选中的值
}
}
}
</script>
在上面的代码中,selectedValue变量被绑定到el-select的v-model上,初始值为'2',即默认选中第二个选项。当el-select进行回显时,会根据selectedValue的值去匹配el-option中的选项,并显示对应的选项。
注意:el-option的value属性的值必须是一个字符串,否则会导致匹配失败
原文地址: https://www.cveoy.top/t/topic/hYQn 著作权归作者所有。请勿转载和采集!