Skip to content

useToast

轻提示触发器,与根部挂载一次的 LxToastHost 配对(组件用法与可点 demo 见 Toast 组件页)。

用法

ts
import { useToast } from '@luxeanor/ui'

const toast = useToast()
toast.success('保存成功')
toast.error('网络错误')
toast.show('warning', '额度即将用完', 6000)  // 自定义时长

API

方法签名说明
show(type: ToastType, message: string, duration = 3000) => void通用触发
success / error / info / warning(message: string) => void语义快捷方式(3s)

ToastType = 'success' | 'error' | 'info' | 'warning'

行为与边界:

  • 状态是模块级 refLxToastHost 渲染它——宿主没挂就不会有任何显示
  • 到时自动消失,无手动关闭 API
  • SSR 下调用为空操作:服务端进程跨请求共享,写模块级状态会泄漏到其他用户,因此直接忽略;LxToastHost 在 SSR 输出中也不渲染(mounted 守卫)