ElementUI浅尝辄止34：Radio 单选框

在ElementUI中，如果你想使用Radio单选框，你可以参考以下代码：




<template>
  <el-radio-group v-model="radio" @change="handleChange">
    <el-radio :label="36">备选项A</el-radio>
    <el-radio :label="37">备选项B</el-radio>
  </el-radio-group>
</template>
 
<script>
export default {
  data() {
    return {
      radio: 36
    };
  },
  methods: {
    handleChange(value) {
      console.log(`当前选中的Radio的label值是：${value}`);
    }
  }
};
</script>

在这个例子中，我们定义了一个radio数据属性，它将被绑定到el-radio-group的v-model上。每个el-radio的:label属性定义了该单选框的值。当选中的单选框改变时，handleChange方法会被触发，并输出当前选中的Radio的label值。

注意：ElementUI的版本更新可能会导致API的变化，请根据你实际使用的版本查看相应的文档。

ElementUI浅尝辄止34：Radio 单选框

评论已关闭

推荐阅读