背景

现在有一个需求，在控制台打印当前单选框的选中状态

<script>
// 单选回调
const singleCheck = (a) => {
    console.log(a)
}
</script>

<template>
    <el-checkbox :model-value="i.selected" @change="singleCheck"/>
</template>

这里 @change="singleCheck" 明明没有传递参数，结果却可以打印出当前单选框选中状态

这样看来 <el-checkbox> 会传递默认参数，该参数就是当前单选框被选中的状态。昨天试着去找源码看一看，但是没找到qwq

如果我想额外传递参数怎么办？

修改代码为：

<script>
// 单选回调
const singleCheck = (i, selected) => {
    console.log(i)
    console.log(selected)
}
</script>

<template>
    <el-checkbox :model-value="i.selected" @change="(selected) => singleCheck(i, selected)"/>
</template>

这下好了，先学会怎么用吧