Radio 单选框
在一组备选项中进行单选
基础用法
单选框不应该有太多的可选项, 如果你有很多的可选项你应该使用选择框而不是单选框。
要使用 Radio 组件,只需要设置绑定变量, 选中意味着变量的值为相应 Radio label属性的值, label可以是String、Number 或 Boolean。
禁用状态
disabled 属性可以用来控制单选框的禁用状态。
你只需要为单选框设置 disabled 属性就能控制其禁用状态。
单选框组
适用于在多个互斥的选项中选择的场景
结合 SvelRadioGroup 元素可以实现单选组, 为 SvelRadioGroup 绑定 v-model,再为 每一个 option 设置好 label 属性即可, 另外,还可以通过 change 事件来响应变化,它会传入一个参数 value 来表示改变之后的值。
按钮样式
你可以让单选框看起来像一个按钮一样。
只需要把 SvelRadio 元素换成 SvelRadioButton 元素即可, 此外,Svelement-ui 还提供了 size 属性用来控制单选框的大小。
带有边框
设置 border 属性为 true 可以渲染为带有边框的单选框。