Toast 轻提示

非阻断消息提示。「宿主组件 + composable」双件套：LxToastHost 在应用根部挂一次，任意组件里 useToast() 触发。

挂载宿主

<!-- App.vue（应用根部，一次） -->
<template>
  <RouterView />
  <LxToastHost />
</template>

<script setup lang="ts">
import { LxToastHost } from '@luxeanor/ui'
</script>

本文档站已在布局根部挂好宿主，下方 demo 可直接点。

触发

API

useToast()

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

• SSR 下调用为空操作（模块级状态不跨请求泄漏）
• 到时自动消失，无手动关闭

完整机制说明见 useToast。