Skip to content

Mention 提及

规则

基础示例

Props 配置示例

自定义触发前缀(单字符)

选项字段映射

远程加载与 loading

整块删除提及

整段禁用

Events 事件示例

valuestring,为输入框中的全文内容。

Props

名称说明类型默认值
options提及选项列表array[]
props选项字段配置object{ value: 'value', label: 'label', disabled: 'disabled' }
prefix触发前缀,长度必须为 1;可为多个单字符组成的数组string / array'@'
split拆分提及的字符,长度必须为 1string' '
filterOption自定义筛选逻辑;传 false 可关闭默认筛选boolean / Function
placement弹出位置string'bottom'
showArrow下拉是否有箭头booleanfalse
offset面板偏移量number0
whole退格时是否将提及作为整体删除booleanfalse
checkIsWhole退格时是否按自定义逻辑判断整体删除Function
loading下拉是否处于加载态booleanfalse
modelValue / value输入值string
popperClass浮层类名string / object
popperStyle浮层样式string / object
popperOptions浮层定位相关配置对象object
input props其余与内置输入框一致的属性(如 placeholderdisabledclearable 等)

Events

名称说明类型
search按下触发前缀时触发Function
select用户选择某一选项时触发Function
whole-remove当整块移除提及且 whole 为 true 或 checkIsWhole 判定为整体删除时触发Function
input events输入框支持的其余事件名均可监听(如 focusblurchange 等)

Slots

名称说明
label自定义选项标签区域
loading自定义加载展示
header下拉列表顶部
footer下拉列表底部
(输入框插槽)与输入框一致的 prefixsuffix 等插槽名可用

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