ElementUI是基于Vue.js开发的一套UI框架，其中的select控件是常用的表单组件之一。在使用过程中，有时需要将select控件绑定多个值，这些值可以是对象，也可以是数组。以下是关于elementUI select控件绑定多个值的攻略：
如果需要将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')。
如果需要选择多个选项，可以通过设置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属性达到绑定多个数组的值。
本文链接：http://task.lmcjl.com/news/8847.html