Radio 单选框

在一组备选项中进行单选

基础示例：

HTML5

CSS3

JS

VUE

你选择了：1

<lee-radio-group v-model="choose">
    <lee-radio :label="1">HTML5</lee-radio>
    <lee-radio :label="2">CSS3</lee-radio>
    <lee-radio :label="3">JS</lee-radio>
    <lee-radio :label="4">VUE</lee-radio>
</lee-radio-group>

<script>
    export default {
        data() {
         return {
            choose:1
        }
       }
    }
</script>

显示代码

样式：

HTML5

CSS3

JS

VUE

你选择了：1

<lee-radio-group v-model="choose" size="s">
    <lee-radio :label="1">HTML5</lee-radio>
    <lee-radio :label="2">CSS3</lee-radio>
    <lee-radio :label="3">JS</lee-radio>
    <lee-radio :label="4">VUE</lee-radio>
</lee-radio-group>

<script>
    export default {
        data() {
         return {
            choose:1
        }
       }
    }
</script>

显示代码

风格：

HTML5

CSS3

JS

VUE

你选择了：1

<lee-radio-group v-model="choose" type="primary">
    <lee-radio :label="1">HTML5</lee-radio>
    <lee-radio :label="2">CSS3</lee-radio>
    <lee-radio :label="3">JS</lee-radio>
    <lee-radio :label="4">VUE</lee-radio>
</lee-radio-group>

<script>
    export default {
        data() {
         return {
            choose:1
        }
       }
    }
</script>

显示代码

属性

参数	说明	类型	可选值	默认值
v-model	绑定选项值	Number	--	--
type	单选框类型	String	primary,success,info,warning,danger	--
size	单选框尺寸	String	s,m,l	s