Toast 轻提示

引入

文字提示

  1. import Toast from 'path/to/@vant/weapp/dist/toast/toast';
  3. Toast('我是提示文案，建议不超过十五字~');
  1. Toast.loading({
  2.   forbidClick: true,
  3. });
  5. // 自定义加载图标
  6. Toast.loading({
  7.   message: '加载中...',
  8.   forbidClick: true,
  9.   loadingType: 'spinner',
  10. });

成功/失败提示

动态更新提示

  1. const toast = Toast.loading({
  2.   duration: 0, // 持续展示 toast
  3.   forbidClick: true,
  4.   message: '倒计时 3 秒',
  6. });
  8. const timer = setInterval(() => {
  9.   second--;
  10.   if (second) {
  11.     toast.setData({
  12.       message: `倒计时 ${second} 秒`,
  13.     });
  14.   } else {
  15.     clearInterval(timer);
  16.     Toast.clear();
  17.   }
  18. }, 1000);
  1. Toast({
  2.   type: 'success',
  3.   message: '提交成功',
  4.   onClose: () => {
  5.     console.log('执行OnClose函数');
  6. });

API

方法

Options