el-select的change事件，如何传递多个值？

Question

模板：

<el-select @change="getColumn" v-model="selectedData.id">
    <el-option v-for="item in columnList" :key="item.id" :label="item.name" :value="item.id"></el-option>
</el-select>

数据：

data(){
    columnList:[{
        id:1,
        name:'姓名',
        type:1
    },{
        id:2,
        name:'年龄',
        type:2
    }]
}

需求：
在getColumn方法中，希望能获得选中值的type，但是selectedData.id绑定的值只能是id，不能是对象，所以不能通过把value设置为item的方式传递，有其他解决方案吗？

Answer 1

那你value可以传index，然后方法中this.columnList[index]来调用对象
虽然:value直接绑对象功能上也能实现（我试过），但是不符合语法规范会报红