Ant Design Vue Select 下拉框多选

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>

例子