Skip to content

基础使用

通过 text 设置标签文本。

vue
<hi-tag text="标签"></hi-tag>

设置图标

通过 iconName 设置图标。

vue
<hi-tag text="标签" iconName="douyin"></hi-tag>

显示关闭按钮

设置 showClosetrue,可以显示关闭按钮。

vue
<hi-tag text="标签" showClose></hi-tag>

Props

参数说明类型默认值可选值
hoverClass标签和关闭按钮的 hover-classStringhi-hover-
text标签文本String--
iconName图标名称String--
showClose是否可关闭Booleanfalse-
colseIconName关闭图标名称String__shanchu-
closeInside关闭按钮是否在内部Booleanfalse-

Events

事件名说明回调参数
@close点击关闭按钮时触发-