vue2种不同的方法绑定事件

vue2种不同的方法绑定事件

<el-radio-group v-model="radio"  @change="(val)=>radioTypeChange(val)">

<el-radio-group v-model="radio"  @change="radioTypeChange">

结论与建议

如果只需要接收选中值，推荐写法二(@change="radioTypeChange")
因为：它更简洁、符合 Vue 默认行为，且性能略好。
获取表单中的值，推荐使用这一种

只有当你需要额外传递其他参数。才使用(内联箭头函数)。如：事件额外传递其他参数

获取表单中的值 推荐使用这一种 @change="radioTypeChange"

<el-radio-group v-model="radio" @change="radioTypeChange">
   <el-radio :value="3">Option A</el-radio>
   <el-radio :value="6">Option B</el-radio>
   <el-radio :value="9">Option C</el-radio>
</el-radio-group>

<script setup>
// 一定要写这个哈
const radio = ref()

// 函数显式接收参数（Vue 会自动把选中的值传进来）
function radioTypeChange(val) {
  console.log(val); // 直接打印选中的值，不需要依赖外部的 radio 变量
}
</script>

额外传递其他参数

如果你想传入额外参数，可以轻松扩展，例如

@change="(val) => radioTypeChange(val, '参数1', '参数2')"