vue下拉框可输入关键字进行模糊查询

最新推荐文章于 2024-08-04 11:07:52 发布

java小白qaq

最新推荐文章于 2024-08-04 11:07:52 发布

阅读量3.3k

点赞数 1

文章标签： java vue.js

本文链接：https://blog.csdn.net/weixin_45470697/article/details/121992390

版权

vue下拉框可输入关键字进行模糊查询
在这里插入图片描述

在<el-select>中，加上 filterable 即可（v-model.trim：是过滤输入的空格），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>