vue下拉选择封装的组件,能填入选项不存在的值
这个是自己封装的下拉选择组件,现在有一个bug,下拉选择除了选择之外,还可以输入下拉选项不存在的内容,并显示到下拉选择文本框内
原因:
这个 bug 的原因是在 <el-select> 上硬编码了 allow-create 和 default-first-option 两个属性:
allow-create:允许用户输入下拉选项中不存在的内容,并将其作为新选项创建/选中。default-first-option:在输入并按回车时自动选中过滤后的第一个选项(配合allow-create会直接创建新值)。
修复方案
1. 直接移除这两个属性(推荐)
将模板中的
<el-select>修改为:-
<el-select v-model="select" :multiple="multiple" :filterable="isSearch" :placeholder="placeholder" :clearable="clearable" :disabled="disabled"

浙公网安备 33010602011771号