Vant 使用Toast如何實現設置全局的延遲時間

發布時間：2020-11-05 14:26:00 來源：億速云閱讀：583 作者：Leah 欄目：開發技術

今天就跟大家聊聊有關Vant 使用Toast如何實現設置全局的延遲時間，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。

在引入Toast的配置文件里面配置如下：

import { Toast } from 'vant';
Vue.use(Toast);
Toast.setDefaultOptions({ duration: 800 });  // duration延遲時間

--完。

補充知識：vant ui庫 toast 的使用及封裝

最近在寫一個項目，表單項較多，那必然前端做驗證也是必須的了，一個一個寫太繁瑣，封裝起來直接調用即可：

1、新建 toast.js

import { Toast } from 'vant'
import 'vant/lib/index.css'

export function toast(message, duration = 1000) {
  Toast({
    message, duration
  });
 }

2、在組件中使用

import { toast } from'../assets/js/toast'
toast('提示信息');

看完上述內容，你們對Vant 使用Toast如何實現設置全局的延遲時間有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。

向AI問一下細節

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站