在使用下拉选择组件时有时需要在选项前显示单选框或复选框以明确多选/单选的操作感。vxe-select 提供了 show-radio 和 show-checkbox 属性可以轻松实现带勾选框的下拉选择。单选框通过show-checkbox显示单选框templatedivvxe-selectv-modelval1v-bindselectOptions/vxe-select/div/templatescriptsetupimport{ref,reactive}fromvueconstval1ref()constselectOptionsreactive({clearable:true,showRadio:true,options:[{value:1001,label:table},{value:1002,label:grid},{value:1003,label:button},{value:1004,label:toolbar},{value:1005,label:tooltip},{value:1006,label:pager},{value:1007,label:print},{value:1008,label:export},{value:1009,label:import},{value:1010,label:select},{value:1012,label:checkbox},{value:1013,label:group}]})/script复选框通过show-checkbox显示复选框templatedivvxe-selectv-modelval1v-bindselectOptions/vxe-select/div/templatescriptsetupimport{ref,reactive}fromvueconstval1ref([])constselectOptionsreactive({clearable:true,multiple:true,showCheckbox:true,options:[{value:1001,label:table},{value:1002,label:grid},{value:1003,label:button},{value:1004,label:toolbar},{value:1005,label:tooltip},{value:1006,label:pager},{value:1007,label:print},{value:1008,label:export},{value:1009,label:import},{value:1010,label:select},{value:1012,label:checkbox},{value:1013,label:group}]})/script说i吗show-radio 只对单选场景有效show-checkbox只对对选场景有效若下拉选项较多可配合 filterable可搜索提升体验。https://vxeui.com