由于选项默认可见,不宜过多,若选项过多,建议使用 Select 选择器。

    要使用 Radio 组件,只需要设置绑定变量,选中意味着变量的值为相应 Radio label属性的值,label可以是StringNumberBoolean

    禁用状态

    单选框不可用的状态。

    只要在el-radio元素中设置属性即可,它接受一个Booleantrue为禁用。

    单选框组

    适用于在多个互斥的选项中选择的场景

    Radio 单选框 - 图3

    结合el-radio-group元素和子元素el-radio可以实现单选组,在el-radio-group中绑定v-model,在中设置好label即可,无需再给每一个el-radio绑定变量,另外,还提供了change事件来响应变化,它会传入一个参数value

    只需要把el-radio元素换成el-radio-button元素即可,此外,Element 还提供了属性。

    带有边框

    Radio 单选框 - 图5

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

    Radio Attributes

    Radio-group Attributes

    Radio-group Events