首先,确保你已经在项目中引入了 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