Element: 关于 el-radio-group 增加垂直排列的建议

Created on 24 Feb 2017  ·  11Comments  ·  Source: ElemeFE/element

ElementUI version


1.2.1

建议内容

使用 el-radio-group, 觉得只能进行水平排列有点单一. 是否可以增加垂直排列

可以尝试加上一个 type 来控制..

<template>
<el-radio-group v-model="selectMod" size="small" type="vertical">
      <el-radio-button label="第一列"></el-radio-button>
      <el-radio-button label="第二列"></el-radio-button>
      <el-radio-button label="第三列"></el-radio-button>
</el-radio-group>
</template>
<script>
export default {
  data () {
    return {
        selectMod: '第一列' 
    }
  }
}
</script>

Exmaple

image

Most helpful comment

可以通过添加div实现垂直排列

<template>
<el-radio-group v-model="selectMod" size="small" type="vertical">
<div v-for= index of 3>
 <el-radio-button label="第一列"></el-radio-button>
</div>
</el-radio-group>
</template>

All 11 comments

没有太多人有这个需求,可能暂时没有这个计划,你可以用CSS处理。

@baiyaaaaa 同求

同求

可以通过添加div实现垂直排列

<template>
<el-radio-group v-model="selectMod" size="small" type="vertical">
<div v-for= index of 3>
 <el-radio-button label="第一列"></el-radio-button>
</div>
</el-radio-group>
</template>

同求

真坑,这个需求实现起来这么麻烦吗?


2020了,这个功能开发出来了吗?

el-checkbox嵌入个style="display:block;"临时解决一下吧。

同求 现在每次都是覆盖样式

@baiyaaaaa 这样样式需求很多人使用吧,希望能打开或者合并

Was this page helpful?
0 / 5 - 0 ratings