Radio 单选按钮
文档: https://vant-contrib.gitee.io/vant/#/zh-CN/radio
使用与 Checkbox
一样. 总共的是两个组件: Radio
和 RadioGroup
.
基本用法:
<van-radio-group v-model="checked">
<van-radio name="1">单选框 1</van-radio>
<van-radio name="2">单选框 2</van-radio>
</van-radio-group>
文档示例:
- 水平排列:
direction="horizontal"
- 禁用状态:
disabled
- 自定义形状:
shape
属性, 使用dot
和square
- 自定义颜色:
color
- 自定义大小:
icon-size
- 自定义图标, 使用
icon
插槽 - 搭配单元格使用 (
Cell
与CellGroup
)