element-ui 单选框的js事件

element-ui 单选框（Radio）组件提供了一些常用的 JavaScript 事件，可以用于处理用户与单选框的交互。以下是一些常见的事件：

1. change：当单选框的选中状态发生改变时触发。可以通过监听 change 事件来执行相应的逻辑操作。

2. input：当单选框的选中状态发生改变时触发。与 change 事件类似，但 input 事件会在 change 事件之前触发。

3. focus：当单选框获得焦点时触发。

4. blur：当单选框失去焦点时触发。

5. click：当单选框被点击时触发。

你可以通过在单选框组件上绑定这些事件来监听用户的操作，并执行相应的处理函数。例如，在 Vue 组件中使用 element-ui 单选框组件，可以这样写：

<template>
  <div>
    <el-radio v-model="radioValue" label="option1" @change="handleChange">Option 1</el-radio>
    <el-radio v-model="radioValue" label="option2" @change="handleChange">Option 2</el-radio>
  </div>
</template>

<script>
export default {
  data() {
    return {
      radioValue: 'option1'
    };
  },
  methods: {
    handleChange(value) {
      console.log('选中的值：', value);
      // 执行其他逻辑操作
    }
  }
};
</script>

在上述代码中，通过 `@change="handleChange"` 将 change 事件与 `handleChange` 方法绑定在一起，当单选框的选中状态发生改变时，`handleChange` 方法会被调用，并传入当前选中的值。