vue如何给遍历出的多个元素都绑定onchange事件

Question

如上图，每一行的选择框都是通过遍历得出来的。如何给每一个select选择框加一个onchange事件，根据select选择的不同，右侧显示不一样的值。

Answer 1

遍历的时候加一个事件定义属性
dom1 event: 'change1'
dom2 event: 'change2'
dom3 event: 'change3'
在dom上绑定@change="handEvent(item.event)"
然后再方法里根据事件类型去处理不同事件就可以，其实就是一个事件中间件函数的思想

Answer 2

<div v-for="(item,index) in arr" :key="index">
<el-select v-model="item.name" @change="change(item)">
</el-select>
</div>

change(item) {

...

}