Vant 中的Toast设置全局的延迟时间操作


Posted in Javascript onNovember 04, 2020

在引入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设置全局的延迟时间操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
初窥JQuery-Jquery简介 入门了解篇
Nov 25 Javascript
JavaScript根据数据生成百分比图和柱状图的实例代码
Jul 14 Javascript
JavaScript中一个奇葩的IE浏览器判断方法
Apr 16 Javascript
angularjs指令中的compile与link函数详解
Dec 06 Javascript
jQuery中DOM树操作之使用反向插入方法实例分析
Jan 23 Javascript
Seajs是什么及sea.js 由来,特点以及优势
Oct 13 Javascript
jQuery的时间datetime控件在AngularJs中的使用实例(分享)
Aug 17 jQuery
基于BootStrap的文本编辑器组件Summernote
Oct 27 Javascript
基于JSONP原理解析(推荐)
Dec 04 Javascript
vue2.0+vue-dplayer实现hls播放的示例
Mar 02 Javascript
JS实现电商商品展示放大镜特效
Jan 07 Javascript
js实现双人五子棋小游戏
May 28 Javascript
vue 使用vant插件做tabs切换和无限加载功能的实现
Nov 04 #Javascript
Vue获取微博授权URL代码实例
Nov 04 #Javascript
基于vue实现微博三方登录流程解析
Nov 04 #Javascript
Javascript执行上下文顺序的深入讲解
Nov 04 #Javascript
解决vant中 tab栏遇到的坑 van-tabs
Nov 04 #Javascript
解决Mint-ui 框架Popup和Datetime Picker组件滚动穿透的问题
Nov 04 #Javascript
基于js实现的图片拖拽排序源码实例
Nov 04 #Javascript
You might like
php curl模拟post提交数据示例
2013/12/31 PHP
php简单获取文件扩展名的方法
2015/03/24 PHP
JavaScript中__proto__与prototype的关系深入理解
2012/12/04 Javascript
比较新旧两个数组值得增加和删除的JS代码
2013/10/30 Javascript
ExtJS4中的requires使用方法示例介绍
2013/12/03 Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
2015/04/06 Javascript
js实现的后台左侧管理菜单代码
2015/09/11 Javascript
JS实现颜色梯度与渐变效果完整实例
2016/12/30 Javascript
javascript显示动态时间的方法汇总
2018/07/06 Javascript
vue2.0 路由模式mode="history"的作用
2018/10/18 Javascript
如何优雅地在vue中添加权限控制示例详解
2019/03/07 Javascript
基于Ionic3实现选项卡切换并重新加载echarts
2020/09/24 Javascript
[01:28]2014DOTA2国际邀请赛中国区预选赛四大豪门直升机抵达会场
2014/05/24 DOTA
[02:32]【DOTA2亚洲邀请赛】iceice,梦开始的地方
2017/03/13 DOTA
使用python BeautifulSoup库抓取58手机维修信息
2013/11/21 Python
Django框架文件上传与自定义图片上传路径、上传文件名操作分析
2019/05/10 Python
python中必要的名词解释
2019/11/20 Python
python函数中将变量名转换成字符串实例
2020/05/11 Python
Python3.8安装Pygame教程步骤详解
2020/08/14 Python
世界上最大的二手相机店:KEN
2017/05/17 全球购物
联想韩国官网:Lenovo Korea
2018/05/10 全球购物
匡威意大利官方商店 :Converse意大利
2018/11/27 全球购物
用Python写一个for循环的例子
2016/07/19 面试题
自动化专业个人求职信范文
2013/11/29 职场文书
党校培训自我鉴定范文
2014/04/10 职场文书
护理专科学生自荐书
2014/07/05 职场文书
企业挂职心得体会
2014/09/10 职场文书
党员组织生活会发言材料
2014/10/17 职场文书
2014幼儿园家长工作总结
2014/11/10 职场文书
2015年全国“爱牙日”宣传活动总结
2015/03/23 职场文书
功夫熊猫观后感
2015/06/10 职场文书
小学运动会宣传稿
2015/07/23 职场文书
团队合作精神学习心得体会
2016/01/19 职场文书
大学自主招生自荐信(2016精选篇)
2016/01/28 职场文书
Python各协议下socket黏包问题原理
2022/04/12 Python
SQL Server删除表中的重复数据
2022/05/25 SQL Server