TagGroup组件 jb-tag-group
jb-tag-group组件用于根据一个字符串数组或者字符串渲染出多个n-tag标签。它内置了20种颜色，会根据字符串自动选择一种颜色渲染，并且保证同样的字符串无论什么时候都会渲染出相同的颜色。
Props
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| tags | string | string[] | [] | 要渲染的字符串 |
| splitChar | string | , | 用于将字符串分割成数组的分隔符 |
| vertical | boolean | false | 标签组是否为垂直排列 |
示例
最简单的用法
vue
<jb-tag-group :tags="data.typeName ?? '未设置'"></jb-tag-group><jb-tag-group :tags="data.typeName ?? '未设置'"></jb-tag-group>垂直排列
vue
<jb-tag-group
:vertical="true"
:tags="row.userRoles?.map((i: any) => i.name)"
></jb-tag-group><jb-tag-group
:vertical="true"
:tags="row.userRoles?.map((i: any) => i.name)"
></jb-tag-group>