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

最新推荐文章于 2024-05-16 17:59:44 发布

mini召唤师

最新推荐文章于 2024-05-16 17:59:44 发布

阅读量2k

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_58442608/article/details/122555315

版权

<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：输入框带清空输入内容的功能