# 8.5 标签（Tag）
可选择标签组件。单独使用时可通过 v-model 控制激活状态；作为 dof-tag-group 的后代时，点击标签会更新标签组的选中值。
# 实例
# 基础用法
<template>
<div class="wrapper">
<dof-tag v-model="active">标签文本</dof-tag>
</div>
</template>
<script>
import { DofTag } from 'dolphin-intl-ui'
export default {
components: { DofTag },
data: () => ({ active: false }),
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
# Attributes
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
value | String / Number | N | '' | 在 dof-tag-group 内参与选择的值；应与父组件绑定值对应 |
| active | Boolean | N | false | 是否激活；支持 v-model |
# Slots
| 插槽名 | 说明 |
|---|---|
| default | 标签文本内容 |
# Events
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| change | 点击标签时触发 | 激活状态 Boolean |
当前版本不支持
type、value、tag-color、font-color、special-icon和img属性。