Toast 吐司

轻提示。

介绍

用于轻提示。

安装

import { createApp } from 'vue';
import { Toast } from '@nutui/nutui';
const app = createApp();
app.use(Toast);

代码演示

基本用法

文字提示

Toast.text('网络失败，请稍后再试~');

成功提示

Toast.success('成功提示');

失败提示

Toast.fail('失败提示');

警告提示

Toast.warn('警告提示');

加载提示

Toast.loading('加载中');

¥ 支持在JS模块中导入使用

import { Toast } from "@nutui/nutui";
Toast.text('在js模块中使用');
// 返回实例，可以手动调用实例中的hide方法关闭提示
const toast = Toast.loading('在js模块中使用');
toast.hide();

API

Options