社区 › 代码 › vue 下拉框 vxe-select 实现人员选择下拉列表

瞧厨 发表于 2025-10-16 17:25:03

vue 下拉框 vxe-select 实现人员选择下拉列表

vue 下拉框 vxe-select 实现人员选择下拉列表
使用自定义选项插槽的方式，可以灵活的实现各种类型的下拉选择
官网：https://vxeui.com
github：https://github.com/x-extends/vxe-pc-ui
gitee：https://gitee.com/x-extends/vxe-pc-ui

需要注意当每一行高度超多默认高度时，必须要设置 option-config.height 来自定义选项高度
<template>

    <vxe-select v-model="val1" placeholder="人员选择" :options="opts1" :option-config="{height: 40}" multiple filterable clearable>
      <template #option="{ option }">
      
          <img :src="option.url"/>
         
            {{ option.label }}
            {{ getUserStatus(option.status) }}
         
      
      </template>
    </vxe-select>

</template>https://gitee.com/x-extends/vxe-pc-ui

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

慷规扣 发表于 2025-10-23 15:38:38

过来提前占个楼

宗和玉 发表于 2025-12-8 06:59:16

yyds。多谢分享

貊淀 发表于 2025-12-10 14:15:21

感谢分享，学习下。

背竽 发表于 2025-12-13 23:30:49

这个好，看起来很实用

佟棠华 发表于 2025-12-25 11:29:08

懂技术并乐意极积无私分享的人越来越少。珍惜

郏琼芳 发表于 2026-1-15 11:41:07

不错，里面软件多更新就更好了

寇油 发表于 2026-1-17 17:57:39

懂技术并乐意极积无私分享的人越来越少。珍惜

莘度 发表于 2026-1-18 10:33:04

东西不错很实用谢谢分享

昆拗干 发表于 2026-1-21 18:09:32

喜欢鼓捣这些软件，现在用得少，谢谢分享！

窖咎 发表于 2026-1-23 12:09:35

感谢发布原创作品，程序园因你更精彩

赏勿 发表于 2026-1-24 03:29:14

用心讨论，共获提升！

晁红叶 发表于 2026-1-25 07:14:22

新版吗？好像是停更了吧。

挽幽 发表于 2026-1-26 22:37:07

感谢分享

米嘉怡 发表于 2026-1-26 23:10:41

感谢分享，下载保存了，貌似很强大

阎逼 发表于 7 天前

鼓励转贴优秀软件安全工具和文档！

邹弘丽 发表于 5 天前

很好很强大我过来先占个楼 待编辑

锟及 发表于 3 天前

过来提前占个楼

史穹逊 发表于 15 小时前

鼓励转贴优秀软件安全工具和文档！

鞣谘坡 发表于 13 小时前

过来提前占个楼

查看完整版本: vue 下拉框 vxe-select 实现人员选择下拉列表