一般在写代码的时候只需要获取当前选择value值就可以了,但也存在特殊情况,需要获取label、key、key这些属性,通过查找资料实现了该效果,下面是代码:
<template>
<el-select
v-model="table"
size="small"
@change="selectChanged">
<el-option
v-for="(it, index ) in conditionOption"
:key="it.key"
:label="it.label"
:value="{ value: it.value, label: it.label, key: it.key, index: index }">
</el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
table: "",
conditionOption: [
{
label: "基本表",
value: "base_table",
key: "11101",
index: 1
},
{
label: "其他表",
value: "other_table",
key: "11102",
index: 1
},
{
label: "子表",
value: "sub_table",
key: "11103",
index: 3
},
]
}
},
methods: {
selectChanged(params) {
const { value, label, key, index } = params;
console.log(value, label, key, index)
},
}
}
</script>