elementUI之el-select选择器赋值为空后无法选中回显
在Element UI的el-select
组件中,如果你尝试将选择器赋值为空字符串或null
,并希望它显示为默认的提示信息,你需要确保el-select
的v-model
绑定的变量初始化时就是你想要的默认值,而不是null
或空字符串。
以下是一个简单的例子,演示如何正确设置el-select
的v-model
以实现默认的回显效果:
<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 {
selectedValue: '', // 初始化为空字符串
options: [
{ value: 'option1', label: '选项1' },
{ value: 'option2', label: '选项2' },
// ...更多选项
]
};
}
};
</script>
在这个例子中,selectedValue
初始化为一个空字符串,这样当el-select
没有选中任何一个el-option
时,它会显示为默认的提示信息(由placeholder
属性定义)。如果你需要在某个时刻将selectedValue
设置为null
或空字符串,并希望el-select
显示为默认的提示信息,你需要确保更新selectedValue
后,el-select
会重新渲染以反映这个变化。
评论已关闭