Ant Design Vue Select 下拉框多选对多个值进行选择非常简单,属性设置成 mode multiple 就可以。
完整代码
<template>
<a-select
mode="multiple"
:default-value="['a1', 'b2']"
style="width: 80%"
placeholder="请选择"
@change="onChange"
>
<a-select-option v-for="i in 25" :key="(i + 9).toString(36) + i">
{{ (i + 9).toString(36) + i }}
</a-select-option>
</a-select>
</template>
<script>
export default {
methods: {
//选中后的值
onChange(value) {
console.log('你选择了:'+value);
},
},
};
</script>
例子