Element-ui 之表单radio

一:表单适用于比较少的选项内容中

具体标签为:<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>


版权声明:本文为qq_51481048原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。