element下拉通过value获取多个值

一般在写代码的时候只需要获取当前选择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>