SuperAPI AI 工具集

el-input-tag

通用与其它

查看项目

更新于 10-15 23:32

技能介绍

用途:el-input-tag 用于让用户把输入内容添加为标签,适用于标签输入、关键词录入、多值输入、邮箱或标签列表等场景。

主要能力:支持 v-model 绑定字符串数组;可设置最大标签数 max;可配置 tag-type 与 tag-effect 控制标签样式;trigger 支持 Enter 或 Space 触发添加;支持 draggable 拖拽排序;delimiter 支持字符串或正则,匹配分隔符时添加标签;支持 size、collapse-tags、collapse-tags-tooltip、save-on-blur、clearable、disabled、placeholder 等属性。事件包括 change、add-tag、remove-tag、focus、blur、clear。插槽有 tag(自定义标签,参数为 value、index)、prefix、suffix。暴露方法有 focus 和 blur。

使用方式:基础用法为 <el-input-tag v-model="tags" placeholder="Press Enter to add tag" />。自定义触发键可用 trigger="Space";限制数量用 :max="5";折叠标签用 collapse-tags 与 collapse-tags-tooltip;拖拽用 draggable;分隔符用 delimiter=",";自定义标签通过 #tag 插槽传入 el-tag。

最佳实践:用 max 限制标签数量,用 delimiter 处理逗号分隔输入,用 draggable 支持重新排序。

限制:资料未提供安装命令、依赖版本、浏览器兼容性、收费或价格信息,暂未提供。