Vue 3 中使用 a-select 多选组件获取选中项的 code 值

在Vue 3中，你可以通过使用v-model指令来获取选中的值。你可以在a-select元素上使用v-model来绑定选中的值，并在a-select的@change事件中更新factor变量。\n\n首先，你需要在Vue组件的data选项中定义factor变量，并将其初始化为空字符串：\n\njavascript\ndata() {\n return {\n factor: ''\n }\n}\n\n\n然后，你可以使用v-model指令将factor变量与a-select的选中值进行绑定：\n\nhtml\n<a-select mode="multiple" style="width: 100%" v-model="factor">\n <a-select-option v-for="item in hazardFactors" :key="item.code" :value="item.code">\n {{ item.name }}\n </a-select-option>\n</a-select>\n\n\n在上述代码中，我们将item.code作为a-select-option的value属性，以便在选中项时将其值赋给factor变量。\n\n最后，你可以在a-select的@change事件处理程序中更新factor变量：\n\njavascript\nmethods: {\n handleSelectChange(value) {\n this.factor = value;\n }\n}\n\n\n在Vue组件的methods选项中添加上述方法，并在a-select元素上添加@change="handleSelectChange"监听事件。\n\n现在，当你选择一个或多个选项时，factor变量将被更新为相应的item.code值。你可以在其他地方使用factor变量进行后续操作。