vue中el-select多选框表单提交

在Vue中，可以使用`el-select`组件实现多选框表单提交。以下是一个基本的示例：

<template>
  <div>
    <el-select
      v-model="selectedOptions"
      multiple
      placeholder="请选择"
      style="width: 200px"
    >
      <el-option
        v-for="option in options"
        :key="option.value"
        :label="option.label"
        :value="option.value"
      ></el-option>
    </el-select>
    <el-button type="primary" @click="submitForm">提交</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedOptions: [],
      options: [
        { label: '选项1', value: 'option1' },
        { label: '选项2', value: 'option2' },
        { label: '选项3', value: 'option3' },
      ],
    };
  },
  methods: {
    submitForm() {
      // 在这里可以进行表单提交操作，使用this.selectedOptions获取选中的值
      console.log('选中的值：', this.selectedOptions);
    },
  },
};
</script>

上述代码中，我们使用`el-select`组件创建了一个多选框，通过`v-model`指令绑定`selectedOptions`变量来获取用户选择的值。`options`数组中定义了可选的选项。在点击提交按钮时，可以通过`this.selectedOptions`获取选中的值，然后进行表单提交操作。

请注意，上述代码是基于Element UI库实现的，确保已正确引入Element UI库和样式。