## Badge 徽章 ### 使用指南 ``` javascript import { Badge } from 'vant'; Vue.component(Badge.name, Badge); ``` ### 代码演示 #### 基础用法 通过在`van-badge-group`上设置`active-key`属性来控制选中的`badge` :::demo 基础用法 ```html ``` ``` javascript export default { data() { return { activeKey: 0 }; }, methods: { onClick(key) { this.activeKey = key; } } }; ``` ::: ### BadgeGroup API | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| | active-key | 选中`badge`的索引 | `String | Number` | `0` | - | ### Badge API | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| | title | 内容 | `String` | `''` | - | | info | 提示消息 | `String` | `''` | - | | url | 跳转链接 | `String` | - | - |