vue3事件参数传递
时间: 2023-11-07 12:03:14 浏览: 79
在Vue3中,事件参数传递可以通过$event对象来实现。在触发事件的地方,可以将需要传递的参数作为$event的属性传入,然后在事件处理函数中通过$event来获取传递的参数值。
例如,在单选按钮的例子中,可以通过以下方式传递参数:
<el-radio v-model="item.optionAnswerExaminee" label="A" @change="answer($event, item)"></el-radio>
在answer方法中,可以通过$event来获取传递的参数值,例如:
answer(event, item){
// 获取传递的参数值
let parameter = event.xxx;
// 执行相应的逻辑
}
在点击li元素的例子中,可以通过以下方式传递参数:
<li ref="groupRef" v-for="item in group.list" :key="item.id" class="item" @click="singerDetail($event, item.mid)">
<span class="avatar">
<el-image :src="item.pic" lazy />
</span>
<a class="name">{{item.name}}</a>
</li>
在singerDetail方法中,可以通过$event来获取传递的参数值,例如:
singerDetail(event, mid){
// 获取传递的参数值
let parameter = event.xxx;
// 执行相应的逻辑
}
阅读全文