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"
    
posted @ 2026-08-25 09:49  海绵宝宝y  阅读(5)  评论(0)    收藏  举报