Element Plus 是一个基于 Vue.js 的 UI 组件库,用于构建用户界面。在 Element Plus 中,el-tag 是用于展示标签的组件。以下是一个简单的例子,演示如何使用 Element Plus 的 el-tag 组件:

首先,确保你已经在项目中引入了 Element Plus。如果没有,你可以通过以下方式安装:
npm install element-plus

然后,在你的 Vue 组件中使用 el-tag:
<template>
  <div>
    <el-tag>默认标签</el-tag>
    <el-tag type="success">成功标签</el-tag>
    <el-tag type="info">信息标签</el-tag>
    <el-tag type="warning">警告标签</el-tag>
    <el-tag type="danger">危险标签</el-tag>
  </div>
</template>

<script>
import { ElTag } from 'element-plus';

export default {
  components: {
    ElTag,
  },
};
</script>

在这个例子中,我们使用了 el-tag 组件,并设置了不同的 type 属性来展示不同类型的标签。你可以根据你的需要进一步自定义标签的样式和行为。


转载请注明出处:http://www.zyzy.cn/article/detail/5550/ElementPlus