最好用的 5 个 Vue select 单选多选下拉组件 - 卡拉云

蒋川_卡拉云

已于 2022-05-23 11:11:37 修改

阅读量1.3w

点赞数 1

分类专栏：卡拉云文章标签： vue.js 前端 javascript

于 2022-02-26 07:23:21 首次发布

本文链接： https://blog.csdn.net/weixin_48201324/article/details/123144557

版权

卡拉云专栏收录该内容

74 篇文章 61 订阅

订阅专栏

最好用的 7 款 Vue admin 后台管理系统测评

本文首发：《最好用的 5 个 Vue select 单选多选下拉组件 - 卡拉云》

单选 / 下拉 / 多选（select）组件在搭建 Vue 的 app 中特别常用，Vue select 除了用鼠标点选外，还可以有更多样的功能，比如搜索过滤，树状结构，tab 分组，按组选择等。这些高级功能都可以在第三方组件中找到，本文记录了我自己使用多年最好用的 5 款 Vue select 组件，每一款都经过我实际测试，推荐给大家。

如果你正在搭建后台管理工具，又不想处理前端问题，推荐使用卡拉云，卡拉云是新一代低代码开发工具，可一键接入常见数据库及 API ，无需懂前端，仅需拖拽即可快速搭建属于你自己的后台管理工具，一周工作量缩减至一天，详见本文文末。

基础款多选组件

多选组件最简单的写法，只需要将属性添加到本机 <select> 里即可创建功能最简单的多选组件。然后你 app 的用户可以按着 Ctrl 键，来进行单选或多选。

<body>
    <h3>卡拉云 select 选择器组件测评</h3>
</body>

<select name="name" id="demo" multiple>
    <option value="kalacloud"> 卡拉云 </option>
    <option value="lowcode"> 低代码开发工具 </option>
    <option value="com"> kalacloud.com </option>
  </select>