一:表单适用于比较少的选项内容中
具体标签为:<el-radio>
注:要想使用radio,只需要设置v-model绑定变量即可,选中的值为label属性,lable可以是boolean,string,number,按钮出发事件为:change
<el-radio v-model='radio' label='1' @change=''selectA'></el-radio>
<script>
export default{
data(){
return{
radio:1
}
},
methods:{
selectA(){
soneole.log(this.$data.radio)
}
}
}
<script>
二.Radio可以有不可点击状态 disabled(它是一个boolean,true为禁用),并且可以设定不可点击的选中状态。
<el-radio disabled>
三.单选框组
<el-radio-group v-model="radio">
<el-radio :label='1'></el-radio>
<el-radio :label='2'></el-radio>
<el-radio :label='3'></el-radio>
<el-radio-group>
四.按钮样式
<el-radio-group v-model="radio">
<el-radio-button :label='上海'></el-radio-button>
<el-radio-button :label='苏州'></el-radio-button>
<el-radio-button :label='南京'></el-radio-button>
<el-radio-group>
五.按钮具有4中size(默认,medium,small,mini)
六.带有边框的选项框
<el-radio v-model="radio1" label="1" border>备选项1</el-radio>