Skip to content

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触发字段的前缀。 字符串长度必须且只能为 1stringarray
split用于拆分提及的字符。 字符串长度必须且只能为 1string' '
filterOption定制筛选器选项逻辑falseFunction
placement设置弹出位置string'bottom'
showArrow下拉菜单的内容是否有箭头booleanfalse
offset下拉面板偏移量number0
whole当退格键被按下做删除操作时,是否将提及部分作为整体删除booleanfalse
checkIsWhole当退格键被按下做删除操作时,检查是否将提及部分作为整体删除Function
loading提及的下拉面板是否处于加载状态booleanfalse
popperClass自定义浮层类名string
popperOptionspopper.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

FormCreate 是一个开源项目,基于 MIT 许可证发布,欢迎个人和企业用户免费使用