Mention 提及
规则
js
{
type:"elMention",
title:"提及",
field:"mention",
value: "hello @Jeremy",
props: {
options: [
{
label: 'Fuphoenixes',
value: 'Fuphoenixes',
},
{
label: 'kooriookami',
value: 'kooriookami',
},
{
label: 'Jeremy',
value: 'Jeremy',
},
{
label: 'btea',
value: 'btea',
},
]
}
}
完整配置项:Element_Mention
value :String
Props
名称 | 说明 | 类型 | 默认值 |
---|---|---|---|
options | 提及选项列表 | array | [] |
prefix | 触发字段的前缀。 字符串长度必须且只能为 1 | string | array |
split | 用于拆分提及的字符。 字符串长度必须且只能为 1 | string | ' ' |
filterOption | 定制筛选器选项逻辑 | false | Function |
placement | 设置弹出位置 | string | 'bottom' |
showArrow | 下拉菜单的内容是否有箭头 | boolean | false |
offset | 下拉面板偏移量 | number | 0 |
whole | 当退格键被按下做删除操作时,是否将提及部分作为整体删除 | boolean | false |
checkIsWhole | 当退格键被按下做删除操作时,检查是否将提及部分作为整体删除 | Function | — |
loading | 提及的下拉面板是否处于加载状态 | boolean | false |
popperClass | 自定义浮层类名 | string | — |
popperOptions | popper.js 参数 | object refer to popper.js doc | — |
input props | — | — | — |
Events
名称 | 说明 | 类型 |
---|---|---|
search | 按下触发字段时触发 | Function |
select | 当用户选择选项时触发 | Function |
input events | — | — |
Slots
名称 | 说明 | 类型 |
---|---|---|
label | 自定义标签内容 | object |
loading | 自定义 loading内容 | — |
header | 下拉列表顶部的内容 | — |
footer | 下拉列表底部的内容 | — |
input slots | — | — |