el-select多选tag数值
时间: 2023-07-24 14:34:34 浏览: 112
el-select多选组件中的tag数值是根据用户选择的选项动态生成的,因此无法确定具体的数值。如果您想获取el-select多选组件中选中的选项的数值,可以通过监听其change事件来获取选中项的数值。例如,可以在change事件处理函数中获取选中项的数值并保存在一个数组中,然后在需要时使用该数组中的值。以下是一个示例代码:
```
<template>
<div>
<el-select v-model="selectedOptions" multiple @change="handleChange">
<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: 'option1', label: 'Option 1' },
{ value: 'option2', label: 'Option 2' },
{ value: 'option3', label: 'Option 3' },
{ value: 'option4', label: 'Option 4' },
],
selectedOptions: [],
};
},
methods: {
handleChange(value) {
// value是一个数组,包含了选中的选项的值
console.log(value);
},
},
};
</script>
```
阅读全文