elementUI单选框按钮样式elementUI 单选框按钮样式,⽤el-radio-group标签嵌套着el-radio-button,就是单选框的按钮样式可以通过size属性,指定单选框按钮的⼤⼩,size属性可选的值有medium,small,mini
el-radio-button的其他⽤法和el-radio⼀样
例⼦:
<template>
<div>
<el-radio-group v-model="radio" @change="getValue()" size="mini">
<el-radio-button v-for="(item,i) in items" :key="i" :label="i" :disabled="item.disabled">{{t}}</el-radio-button> </el-radio-group>
htmlradio设置默认的按钮</div>
</template>
<script>
export default {
name: "HelloWorld",
data () {
return {
radio:0,
items:[
{id:0,content:"选项⼀",disabled:false},
{id:1,content:"选项⼆",disabled:true},
{id:2,content:"选项三",disabled:false},
]
};
},
methods: {
getValue(){
console.log(this.radio)
}
},
}
</script>
<style lang="css" scoped>
</style>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论