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插件 autoComboBox 下拉框
Dec 22 Javascript
JS模拟面向对象全解(二、类型与赋值)
Jul 13 Javascript
详解JavaScript中void语句的使用
Jun 04 Javascript
SWFObject基本用法实例分析
Jul 20 Javascript
js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解
Nov 09 Javascript
纯JavaScript代码实现文本比较工具
Feb 17 Javascript
vue计算属性get和set用法示例
Feb 08 Javascript
vue如何获取自定义元素属性参数值的方法
May 14 Javascript
vue组件三大核心概念图文详解
May 30 Javascript
Typescript 中的 interface 和 type 到底有什么区别详解
Jun 18 Javascript
JQuery+drag.js上传图片并且实现图片拖曳
Nov 18 jQuery
使用Vue.js和MJML创建响应式电子邮件
Mar 23 Vue.js
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实现get和post的代码
2008/08/23 PHP
PHP编程实现阳历转换为阴历的方法实例
2017/08/08 PHP
CSS+Table图文混排中实现文本自适应图片宽度(超简单+跨所有浏览器)
2009/02/14 Javascript
jQuery的实现原理的模拟代码 -1 核心部分
2010/08/01 Javascript
Extjs单独定义各组件的实例代码
2013/06/25 Javascript
Javascript学习笔记之 函数篇(一) : 函数声明和函数表达式
2014/06/24 Javascript
使用javascript实现监控视频播放并打印日志
2015/01/05 Javascript
深入理解JavaScript系列(46):代码复用模式(推荐篇)详解
2015/03/04 Javascript
ECMAScript6函数默认参数
2015/06/12 Javascript
jqTransform美化表单
2015/10/10 Javascript
理解JS绑定事件
2016/01/19 Javascript
AngularJS中一般函数参数传递用法分析
2016/11/22 Javascript
jquery加载单文件vue组件的方法
2017/06/20 jQuery
javascript+html5+css3自定义弹出窗口效果
2017/10/26 Javascript
详解vue-cli 快速搭建单页应用之遇到的问题及解决办法
2018/03/01 Javascript
Vue两个版本的区别和使用方法(更深层次了解)
2020/02/16 Javascript
Python列表append和+的区别浅析
2015/02/02 Python
python3 模拟登录v2ex实例讲解
2017/07/13 Python
python中Switch/Case实现的示例代码
2017/11/09 Python
Python验证文件是否可读写代码分享
2017/12/11 Python
Python统计python文件中代码,注释及空白对应的行数示例【测试可用】
2018/07/25 Python
python 已知一个字符,在一个list中找出近似值或相似值实现模糊匹配
2020/02/29 Python
Python通过Tesseract库实现文字识别
2020/03/05 Python
python 解决Fatal error in launcher:错误问题
2020/05/21 Python
keras小技巧——获取某一个网络层的输出方式
2020/05/23 Python
Python提取视频中图片的示例(按帧、按秒)
2020/10/22 Python
Python获取android设备cpu和内存占用情况
2020/11/15 Python
Lampegiganten丹麦:欧洲领先的照明网上商店
2018/04/25 全球购物
如何写出高质量、高性能的MySQL查询
2014/11/17 面试题
市场部专员岗位职责
2013/11/30 职场文书
技能比赛获奖感言
2014/02/14 职场文书
材料工程专业毕业生求职信
2014/03/04 职场文书
学雷锋活动倡议书
2014/08/30 职场文书
民事代理词范文
2015/05/25 职场文书
JVM之方法返回地址详解
2022/02/28 Java/Android
Python可变与不可变数据和深拷贝与浅拷贝
2022/04/06 Python