⌘

Toast 轻提示

该组件目前处于实验性状态，需要进行更加严密的测试，API 也可能发生比较大的变动

import { DuToastProvider, useToast } from 'dangoui'

使用注意

使用 DuToastProvider 包裹你的应用
在小程序平台，请使用原生的平台提供的方法，你也可以使用 useToast，该 API 在小程序平台会调用原生的平台方法

示例

各种类型

<template>
  <PreviewBlock>
    <DuButton @click="showToast">打开通知</DuButton>
  </PreviewBlock>
</template>

<script setup lang="ts">
import { ref, getCurrentInstance } from 'vue'
import { DuToastProvider, useToast, DuButton } from 'dangoui'

const { show } = useToast()

function showToast() {
  show({
    message: '测试消息'
  })
}
</script>

本页包含