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