## Badge 徽章 ### 使用指南 ``` javascript import { Badge } from 'vant'; Vue.component(Badge.name, Badge); ``` ### 代码演示 #### 基础用法 默认情况下激活第一个`badge`。 :::demo 基础用法 ```html
``` ::: #### 选中某个badge 如果想默认选中某个`badge`,你可以在`van-badge-group`上设置`activeKey`属性,属性值为对应的`badge`索引。 :::demo 选中某个badge ```html
``` ::: ### z-badge-group API | 参数 | 说明 | 类型 | 默认值 | 必须 | |-----------|-----------|-----------|-------------|-------------| | active-key | 激活的`badge`的索引 | `string` | `0`但必须子badge里的mark是有`0`位索引 | | ### z-badge API | 参数 | 说明 | 类型 | 默认值 | 必须 | |-----------|-----------|-----------|-------------|-------------| | title | badge的文案标题 | `string` | `''` | `required` | | info | 当前badge的提示消息 | `string` | `''` | | | url | 跳转链接 | `string` | 链接直接跳转或者hash | |