Tag
Se utiliza para marcar y seleccionar.
Uso básico
Etiqueta removible
Editar dinámicamente
Puede utilizar el evento close
para añadir y eliminar etiquetas dinámicamente.
Tamaños
Además del tamaño predeterminado, el componente Tag proporciona tres tamaños adicionales para que pueda elegir entre diferentes escenarios.
Tema
Tag proporciona tres temas diferentes: dark``light
y plain
Rounded
La etiqueta también puede ser redondeada como el botón.
Checkable Tag
Sometimes because of the business needs, we might need checkbox like tag, but button like checkbox cannot meet our needs, here comes check-tag
. You can use type
prop in 2.5.4.
APi de las etiquetas
Atributos de la etiqueta
Nombre | Descripción | Tipo | Por defecto |
---|---|---|---|
type | tipo de etiqueta | enum | primary |
closable | si el Tag puede ser removido | boolean | false |
disable-transitions | si se deshabilitan las animaciones | boolean | false |
hit | si el Tag tiene un borde resaltado | boolean | false |
color | color de fondo del Tag | string | — |
size | tamaño de la etiqueta | enum | — |
effect | tema de la etiqueta | enum | light |
round | si la etiqueta será redondeada | boolean | false |
Etiqueta de eventos
Nombre | Descripción | Tipo |
---|---|---|
click | se dispara cuando el Tag es clic | Function |
close | se dispara cuando el Tag es removido | Function |
Slots de las etiquetas
Nombre | Descripción |
---|---|
default | personaliza el contenido por defecto |
API CheckTag
Atributos de checkTag
Nombre | Descripción | Tipo | Por defecto |
---|---|---|---|
checked / v-model:checked | si está comprobado | boolean | false |
type 2.5.4 | type of CheckTag | enum | primary |
CheckTag eventos
Nombre | Descripción | Tipo |
---|---|---|
change | se dispara cuando se hace clic en Check-tag | Function |
CheckTag Slots
Nombre | Descripción |
---|---|
default | personaliza el contenido por defecto |