element ui Tag

Element UI Tag 是一个基于 Vue.js 的标签组件，它提供了一种简单而直观的方式来展示和管理标签。使用 Element UI Tag，你可以轻松地创建标签，添加颜色、样式和图标，并且可以对标签进行增删改查等操作。

Element UI Tag 组件的使用非常简单，只需要在你的 Vue 组件中引入 Tag 组件，然后根据需要配置相应的属性即可。你可以设置标签的显示内容、颜色、尺寸、可关闭性等等。同时，Element UI Tag 还提供了一些事件，你可以监听这些事件来处理用户与标签的交互。

以下是一个简单的示例代码，演示了如何使用 Element UI Tag：

<template>
  <div>
    <el-tag>Tag 1</el-tag>
    <el-tag type="success">Tag 2</el-tag>
    <el-tag type="info" closable @close="handleClose">Tag 3</el-tag>
  </div>
</template>

<script>
export default {
  methods: {
    handleClose() {
      console.log('Tag closed');
    }
  }
}
</script>

在上面的示例中，我们创建了三个标签，分别是标准的无样式标签、带有成功颜色的标签和可关闭的信息标签。当用户点击可关闭的标签时，会触发 `@close` 事件，并调用 `handleClose` 方法来处理关闭事件。

通过 Element UI Tag，你可以方便地实现标签的展示和交互，提升用户体验，简化开发过程。