Vue的form表单实现下拉搜索框vue下拉框可搜索

最新推荐文章于 2025-09-24 18:24:12 发布

原创最新推荐文章于 2025-09-24 18:24:12 发布 · 2.1k 阅读

13 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

本文详细介绍了Element UI中El-Select下拉选择组件的配置选项，包括如何使用filterable实现搜索过滤功能，以及clearable属性如何帮助用户清除已选内容。

<el-select v-model.trim="form.levelId" placeholder="请选择" clearable filterable>
      <el-option
          v-for="(item, index) in levelIds"
          :key="item.name + index"
          :label="item.name"
          :value="item.id"
      />
 </el-select>

在<el-select> 中，加上 filterable 即可（v-model.trim：是过滤输入的空格），clearable：输入框带清空输入内容的功能