SuperAPI AI 工具集

el-tag

通用与其它

查看项目

更新于 10-15 23:32

技能介绍

用途:el-tag 是 Element Plus 的标签组件,用于标记与选择,适合分类标签、状态标签、可移除筛选条件和选择标记等场景。

主要能力:支持 type 类型(primary、success、info、warning、danger),closable 可移除,disable-transitions 关闭动画,hit 高亮边框,color 自定义背景色,size 尺寸(large、default、small),effect 主题(dark、light、plain),round 圆角。事件包括 click 点击与 close 移除。另有 el-check-tag 可勾选标签,支持 checked / v-model:checked、disabled、type,change 事件在点击时触发并返回布尔值。

使用方式:基础用法直接写 <el-tag>Tag 1</el-tag>,按需加 type 等属性。可移除标签用 v-for 渲染并设置 closable,在 @close 中处理移除逻辑。尺寸示例:<el-tag size="large">Large</el-tag>、<el-tag>Default</el-tag>、<el-tag size="small">Small</el-tag>。主题示例:<el-tag effect="dark">Dark</el-tag>、<el-tag effect="light">Light</el-tag>、<el-tag effect="plain">Plain</el-tag>。圆角用 <el-tag round>Round Tag</el-tag>。可勾选标签用 <el-check-tag :checked="checked" @change="onChange">Toggle Tag</el-check-tag>,配合 ref 与 onChange 更新状态。

适用场景:需要展示标签、分类或可移除筛选条件,以及需要可切换选择标记的界面。

限制:资料未提供安装命令、版本要求、收费信息或平台限制;具体属性默认值与事件签名以官方 API 为准。