ElementUI Form:Radio 单选框
在Element UI中,使用el-form-item
和el-radio-group
组件来创建单选框。以下是一个简单的例子:
<template>
<el-form ref="form" :model="form" label-width="80px">
<el-form-item label="性别">
<el-radio-group v-model="form.gender">
<el-radio :label="'male'">男</el-radio>
<el-radio :label="'female'">女</el-radio>
</el-radio-group>
</el-form-item>
<!-- 其他表单项 -->
</el-form>
</template>
<script>
export default {
data() {
return {
form: {
gender: 'male', // 默认选中男
},
};
},
};
</script>
在这个例子中,el-radio-group
定义了一个单选框组,其中包含两个el-radio
按钮。v-model
绑定了名为form.gender
的数据模型属性,这个属性将保存选中的单选框的值。
你可以通过更改form.gender
的值来动态改变选中的单选框,或者通过用户的交互来更新这个值。
评论已关闭