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 来自定义选项高度

1. <template>
2.   
3.     <vxe-select v-model="val1" placeholder="人员选择" :options="opts1" :option-config="{height: 40}" multiple filterable clearable>
4.       <template #option="{ option }">
5.         
6.           <img :src="option.url"  />
7.          
8.             {{ option.label }}
9.             {{ getUserStatus(option.status) }}
10.          
11.         
12.       </template>
13.     </vxe-select>
14.   
15. </template>

复制代码

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

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

过来提前占个楼

yyds。多谢分享

感谢分享，学习下。

这个好，看起来很实用

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

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

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

东西不错很实用谢谢分享

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

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

用心讨论，共获提升！

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

感谢分享

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

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

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

过来提前占个楼

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

过来提前占个楼