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 | — | — |


