VUE3 el-radio-group点击事件

在 Vue3 中，可以通过 v-model 绑定数据来实现 el-radio-group 的点击事件。具体实现方式如下：

1. 在 data 中定义一个变量来存储选中的值：

data() {
  return {
    selectedValue: ''
  }
}

2. 在 el-radio-group 中使用 v-model 绑定该变量：

<el-radio-group v-model="selectedValue">
  <el-radio label="选项1"></el-radio>
  <el-radio label="选项2"></el-radio>
  <el-radio label="选项3"></el-radio>
</el-radio-group>

3. 在 methods 中定义一个函数来处理选中值的变化：

methods: {
  handleRadioChange(val) {
    console.log(val);
  }
}

4. 将该函数绑定到 el-radio-group 的 change 事件上：

<el-radio-group v-model="selectedValue" @change="handleRadioChange">
  <el-radio label="选项1"></el-radio>
  <el-radio label="选项2"></el-radio>
  <el-radio label="选项3"></el-radio>
</el-radio-group>

这样，当用户点击 el-radio-group 中的选项时，会触发 change 事件，从而调用 handleRadioChange 函数，打印出选中的值。