Vant 中的Toast設置全局的延遲時間操作
更新時間：2020年11月04日 14:25:24 作者：檸檬不萌只是酸i
這篇文章主要介紹了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設置全局的延遲時間操作就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了vue分頁插件的使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
這篇文章主要介紹了vue 移動端適配方案詳解，詳細的介紹2種方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11
今天小編就為大家分享一篇關于vue-router實現(xiàn)嵌套路由的講解，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01
這篇文章主要介紹了在vue3中安裝使用bootstrap過程,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要介紹了vue實現(xiàn)一個簡單的分頁功能,需要的朋友可以參考下2022-12-12
這篇文章主要為大家詳細介紹了vue實現(xiàn)拖拽滑動分割面板，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
vue中element-ui表格縮略圖懸浮放大功能的實例代碼
element-ui界面非常簡潔和美觀，提供的組件可以滿足絕大多數(shù)的應用場景，當表格中顯示了圖片的縮略圖時，想要鼠標浮動在縮略圖上時放大圖片的效果，該如何實現(xiàn)呢？下面小編通過實例代碼給大家介紹vue中element-ui表格縮略圖懸浮放大功能，一起看看吧2018-06-06
這篇文章主要介紹了關于element中表格和表單的封裝方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07
vue與bootstrap實現(xiàn)簡單用戶信息添加刪除功能
這篇文章主要為大家詳細介紹了vue與bootstrap實現(xiàn)簡單用戶信息添加刪除功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-02-02
vue項目webpack中Npm傳遞參數(shù)配置不同域名接口
這篇文章主要介紹了vue項目webpack中Npm傳遞參數(shù)配置不同域名接口，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06