§ Radio 单选框

在一组备选项中进行单选

基础用法

由于选项默认可见,不宜过多,若选项过多,建议使用 Select 选择器。要使用 Radio 组件,只需要设置v-model绑定变量,选中意味着变量的值为相应 Radio label属性的值,label可以是String、Number或Boolean。
显示代码

禁用状态

单选框不可用的状态。只要在el-radio元素中设置disabled属性即可,它接受一个Boolean,true为禁用。
显示代码

单选框组

适用于在多个互斥的选项中选择的场景 结合el-radio-group元素和子元素el-radio可以实现单选组,在el-radio-group中绑定v-model,在el-radio中设置好label即可,无需再给每一个el-radio绑定变量,另外,还提供了change事件来响应变化,它会传入一个参数value。
显示代码

按钮样式

按钮样式的单选组合。 只需要把el-radio元素换成el-radio-button元素即可,此外,Element 还提供了size属性。
显示代码

带有边框

设置border属性可以渲染为带有边框的单选框。
显示代码

Radio Attributes

Radio Events

Radio-group Attributes

Radio-group Events

Radio-button Attributes

最后更新于: 4/15/2022, 2:41:22 PM