Tag 标签

基本标签

设置 closable 属性可给标签添加关闭按钮，点击关闭按钮触发 on-close 事件，按钮不包含逻辑，如需删除 tag，请自行添加关闭逻辑

Tag标签 - 图1

  1. <at-tag>标签一</at-tag>
  2. <at-tag>标签二</at-tag>
  3. <at-tag>标签三</at-tag>
  4. <at-tag name="标签四" closable v-if="show" @on-close="handleClose">标签四</at-tag>

各种颜色的标签

内置六种颜色的标签，如需其他颜色的标签，可设置 color 属性的值为十六进制的色值，例如 color="#6190E8"

Tag标签 - 图2

  1. <at-tag color="default">标签一</at-tag>
  2. <at-tag color="primary">标签二</at-tag>
  3. <at-tag color="success">标签三</at-tag>
  4. <at-tag color="error">标签四</at-tag>
  5. <at-tag color="warning">标签五</at-tag>
  6. <at-tag color="info">标签六</at-tag>
  7. <at-tag color="#ecefce">#ecefce</at-tag>

API

参数说明类型可选值默认值
name用于触发关闭事件时的回调Boolean—false
color类型String / Hex可传入十六进制颜色值，或者 default, primary, success, error, warning, infodefault
closable是否可关闭Boolean—false

Tag 事件

事件名称说明返回值
on-close点击关闭按钮时触发event