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的变化,请根据你实际使用的版本查看相应的文档。
评论已关闭