select组件选中change事件传多个参

当一个下拉选中框组件，既要保存value值，又要拿到当前选中value值之外的数据在change事件里面处理时，一般都不能直接拿到这条数据。不能把item直接作为绑定的vaule传下来，在这个时候element组件只能拿到所有数据，再通过value值过滤得到一整个数据。当时我今天使用ant-design-vue的时候，居然发现一个方法可以直接传其它绑定的数据，这个是真的很不错

<a-select v-model="queryParams.code" @change="eventTypeChange" placeholder="请选择事项类型" style="width:208px;margin-right:20px">
   <a-select-option v-for="(item,index) in eventAllType" :key="index" @click="eventTypeChangeValue(item)" :matterCode="item.matterCode" :value="item.matterCode">{{ item.matterName }}</a-select-option>
</a-select>

它可以绑定自己数据传参：:matterCode="item.matterCode"
然后方法里面就可以获取到

eventTypeChange (value, option) {
      this.queryParams.code = option?.data.attrs.matterCode || ''
    },

这个是真的很好，但是我去element组件里面试了，不支持这样希望element组件库也可以支持这样

select组件选中change事件传多个参

推荐阅读