el-radio-button绑定事件

el-radio-button可以通过v-model绑定数据，当选中时会自动更新绑定的数据。同时，也可以通过@change事件监听选中状态的变化，从而执行相应的操作。

例如：

<el-radio-button v-model="radio" label="1" @change="handleRadioChange">选项1</el-radio-button>

<script>
export default {
data() {
return {
radio: '1'
}
},
methods: {
handleRadioChange(val) {
console.log(val) // 输出选中的值
// 执行其他操作
}
}
}
</script>

相关问题

<el-radio-group v-model="stateOption"> <el-radio-button :label="1" class="radio-button">等候</el-radio-button> <el-radio-button :label="3" class="radio-button">诊结</el-radio-button> <el-radio-button :label="4" class="radio-button">过号</el-radio-button> </el-radio-group> vue这段代码中 :label=1 是干啥的

在这段Vue代码中，`:label="1"`用于设置每个`<el-radio-button>`元素的`label`属性值。

`:label="1"`表示将`label`属性绑定到Vue实例中的一个值，这里是数字1。当用户选择某个`<el-radio-button>`时，与该按钮相关联的`label`属性的值将被更新为1。

通过这种方式，你可以在Vue实例中使用`stateOption`来追踪用户选择的值。当选择不同的按钮时，`stateOption`将被更新为相应的`label`值（1、3或4），从而反映出用户的选择。这样，你可以根据不同的选项来执行相应的逻辑或操作。

这种绑定可以使得每个`<el-radio-button>`的`label`属性与Vue实例中的数据保持同步，实现了动态控制和交互。

el-radio-button

el-radio-button 是 Element UI 组件库中的一个单选框组件。它用于在一组选项中选择一个选项。你可以使用 el-radio-button 标签来创建一个单选框按钮，然后根据需要设置不同的属性和事件。

例如，你可以使用以下代码创建一个简单的单选框组：

<template>
  <div>
    <el-radio-button v-model="selectedValue" label="option1">Option 1</el-radio-button>
    <el-radio-button v-model="selectedValue" label="option2">Option 2</el-radio-button>
    <el-radio-button v-model="selectedValue" label="option3">Option 3</el-radio-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: 'option1'
    };
  }
};
</script>

在上面的例子中，我们使用了 v-model 指令来绑定选中的值到 selectedValue 变量上。每个 el-radio-button 组件都有一个 label 属性来定义它的值，并且该值会与 selectedValue 进行双向绑定。

你还可以根据需要在 el-radio-button 上添加其他属性或监听事件，比如禁用按钮、设置默认选中项等等。Element UI 提供了丰富的配置选项，你可以参考官方文档以获得更多的信息。