el-radio-group点击事件添加自定义事件

在Element UI库中的`el-radio-group`组件中，如果你想在用户点击选项时添加自定义事件，你可以通过监听`@change`或`@click`事件来实现。这两个事件分别会在用户更改选中项和点击选项时触发。

例如，你可以这样做：

<template>
  <el-radio-group v-model="radioValue" @change="handleRadioChange">
    <el-radio label="option1" @click="customEvent('option1')">Option 1</el-radio>
    <el-radio label="option2">Option 2</el-radio>
    <!-- 更多选项... -->
  </el-radio-group>
</template>

<script>
export default {
  data() {
    return {
      radioValue: '',
    };
  },
  methods: {
    handleRadioChange(value) {
      // 当用户选择新的值时，可以在此处理逻辑
      console.log('Radio changed to:', value);
      this.customEvent(value); // 调用自定义事件
    },
    customEvent(option) {
      // 这里是你自定义的事件处理器，可以根据需要执行相应的操作
      console.log(`Custom event triggered for ${option}`);
    },
  },
};
</script>

在这个例子中，当你点击某个选项或切换到另一个选项时，`handleRadioChange`方法会被调用，然后你会在那里触发自定义事件`customEvent`。