Skip to content

useMessage

统一的消息提示。

参数

名称类型默认值描述
optionsMessageProps{}消息属性。参考 ElementPlus Message Props

返回值

名称类型描述
successsuccess(message: string)显示成功消息
errorerror(message: string)显示错误消息
warningwarning(message: string)显示警告消息
infoinfo(message: string)显示信息消息
closeAllcloseAll()关闭所有消息

基础用法

ts
import { useMessage } from '@vuecraft/components'

const { success, error, warning, info, closeAll } = useMessage()

success('Success message')
error('Error message')
warning('Warning message')
info('Info message')
closeAll()

自定义用法

ts
import { useMessage } from '@vuecraft/components'

const { success, error, warning, info, closeAll } = useMessage({
  duration: 5000,
  showClose: false,
  plain: false,
  grouping: false,
})

success('Success message')
error('Error message')
warning('Warning message')
info('Info message')
closeAll()

基于 MIT 许可证发布。