关于elementUI select控件绑定多个值(对象)

ElementUI是基于Vue.js开发的一套UI框架，其中的select控件是常用的表单组件之一。在使用过程中，有时需要将select控件绑定多个值，这些值可以是对象，也可以是数组。以下是关于elementUI select控件绑定多个值的攻略：

1. 绑定多个对象的值

如果需要将select控件绑定多个对象的值，可以通过设置v-model属性为一个对象来实现。这里需要注意的是需要给option设置value属性，并在对应的value上绑定对象的属性名。

<el-select v-model="selected">
  <el-option
    v-for="item in options"
    :key="item.value"
    :label="item.label"
    :value="item.value"
  >
    {{ item.label }}
  </el-option>
</el-select>

export default {
  data() {
    return {
      options: [
        { value: { id: 1, name: 'name1' }, label: 'label1' },
        { value: { id: 2, name: 'name2' }, label: 'label2' },
        { value: { id: 3, name: 'name3' }, label: 'label3' },
      ],
      selected: { id: 1, name: 'name1' },
    };
  },
};

代码中的select控件绑定了多个对象的值，selected是一个对象，包含了选中的第一个option中的value属性包含的对象(id:1, name:'name1')。

2. 绑定多个数组的值

如果需要选择多个选项，可以通过设置multiple属性来实现，绑定的值可以是一个数组。在这种情况下，需要设置option的value属性为一个字符串或数字。

<el-select multiple v-model="selected">
  <el-option
    v-for="item in options"
    :key="item.value"
    :label="item.label"
    :value="item.value"
  >
    {{ item.label }}
  </el-option>
</el-select>

export default {
  data() {
    return {
      options: [
        { value: 'value1', label: 'label1' },
        { value: 'value2', label: 'label2' },
        { value: 'value3', label: 'label3' },
      ],
      selected: ['value1', 'value2'],
    };
  },
};

代码中的select控件绑定了多个数组的值，selected是一个数组，包含了选中的第一个option和第二个option的value属性（'value1'和'value2'）。

综上所述，以上是关于elementUI select控件绑定多个值（对象或数组）的攻略。通过设置v-model属性达到绑定多个对象的值，通过设置multiple属性和v-model属性达到绑定多个数组的值。