jk's notes
  • Radio 单选按钮

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)
Last Updated:
Contributors: jk