el-select多选tag数值
时间: 2023-10-04 21:05:02 浏览: 111
Select多选
在el-select组件中,可以通过设置`limit`属性来限制多选tag的数量。该属性的值为一个数字,表示最多可选的标签数。当达到该限制时,不能再选择更多的选项。
示例代码如下:
```html
<template>
<div>
<el-select v-model="selectedOptions" multiple :limit="3">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</div>
</template>
<script>
export default {
data() {
return {
options: [
{ value: 'apple', label: '苹果' },
{ value: 'banana', label: '香蕉' },
{ value: 'orange', label: '橙子' },
{ value: 'pear', label: '梨子' }
],
selectedOptions: []
}
}
}
</script>
```
在上面的代码中,我们设置了`limit`属性为3,表示最多只能选择3个选项。当选择了3个选项后,就不能再选择更多的选项了。
阅读全文