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

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