【el-select想在change事件上传递option对象（vue 3中@click.native 已废弃[deprecated]）】

前言

看了许多文章，比较有效的是给el-option绑定@click.native，但是在vue3中修饰符已经被移除，所以需要使用v-on:click

实现

<el-form-item label="项目角色" prop="projectRoleName">
	<el-select v-model="formData.projectRoleName" placeholder="请选择项目角色">
		<el-option v-for="item in roleTypeOptions"
		:key="item.id"
		:value="item.projectRoleName"
		v-on:click="handleRoleChange(item.id)"
		/>
	</el-select>
</el-form-item>

const handleRoleChange=(id)=>{
	console.log(id)
}