SuperAPI AI 工具集

el-mention

通用与其它

查看项目

更新于 10-15 23:32

技能介绍

el-mention 是 Element Plus 提供的提及组件,用于在输入框中提及某人或某条目。适用场景包括用户提及(@username)、条目引用、标签化功能和富文本输入。

主要能力:支持通过 v-model 绑定输入值,options 传入候选项;可用 props 自定义候选项字段(如 value、label、disabled);支持 prefix 自定义触发字符(默认 '@',也可为数组);支持 textarea 多行模式;支持 filter-option 自定义过滤逻辑;支持 placement、show-arrow、offset、popper-class、popper-style 控制下拉弹层;支持 whole 将提及整体删除,并用 check-is-whole 自定义判断;支持 loading 异步加载状态。事件包括 search(命中前缀时触发,参数 pattern、prefix)、select(选中选项)、whole-remove(整体删除提及)。插槽包括 label(自定义选项标签,参数 item、index)、loading、header、footer。暴露 input、tooltip、dropdownVisible。

基本用法:使用 el-mention 并绑定 v-model 与 options,placeholder 提示输入 @。多行输入时设置 type="textarea"。字段名不同时通过 :props="{ value: 'id', label: 'name' }" 映射。自定义标签通过 label 插槽实现。远程加载时结合 :loading 和 @search,在 search 回调中请求接口并更新 options。

最佳实践:异步加载候选项时使用 loading;用 prefix 支持不同触发字符;删除提及场景使用 whole 提升体验。

限制:资料未提供安装方式、包名、版本要求、浏览器兼容性、收费或价格信息,暂未提供相关内容。