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 相关文章推荐
MooTools 1.2介绍
Sep 14 Javascript
如何在MVC应用程序中使用Jquery
Nov 17 Javascript
jQuery双向列表选择器DIV模拟版
Nov 01 Javascript
ReactNative实现图片上传功能的示例代码
Jul 11 Javascript
如何抽象一个Vue公共组件
Oct 17 Javascript
js定时器+简单的动画效果实例
Nov 10 Javascript
element ui里dialog关闭后清除验证条件方法
Feb 26 Javascript
详解在vue-cli中使用graphql即vue-apollo的用法
Sep 08 Javascript
vue组件之间通信实例总结(点赞功能)
Dec 05 Javascript
jquery操作select常见方法大全【7种情况】
May 28 jQuery
详解钉钉小程序组件之自定义模态框(弹窗封装实现)
Mar 07 Javascript
IDEA配置jQuery, $符号不再显示黄色波浪线的问题
Oct 09 jQuery
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 和 XML: 使用expat函数(一)
2006/10/09 PHP
PHP直接修改表内容DataGrid功能实现代码
2015/09/24 PHP
PHP如何将图片文件上传到另外一台服务器上
2019/08/26 PHP
JS 容错处理代码, 屏蔽错误信息
2021/03/09 Javascript
用Javascript同时提交多个Web表单的方法
2009/12/26 Javascript
解读JavaScript代码 var ie = !-[1,] 最短的IE判定代码
2011/05/28 Javascript
Fastest way to build an HTML string(拼装html字符串的最快方法)
2011/08/20 Javascript
struts2+jquery+json实现异步加载数据(自写)
2013/06/24 Javascript
javascript获取xml节点的最大值(实现代码)
2013/12/11 Javascript
jQuery定义背景动态切换效果的方法
2015/03/23 Javascript
Angular2使用Augury来调试Angular2程序
2017/05/21 Javascript
老生常谈js数据类型
2017/08/03 Javascript
ES6基础之展开语法(Spread syntax)
2019/02/21 Javascript
微信小程序 网络通信实现详解
2019/07/23 Javascript
vue项目中极验验证的使用代码示例
2019/12/03 Javascript
vue监听浏览器原生返回按钮,进行路由转跳操作
2020/09/09 Javascript
JavaScript实现消消乐的源代码
2021/01/12 Javascript
[56:35]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第一局
2016/03/06 DOTA
[50:44]DOTA2-DPC中国联赛 正赛 SAG vs Dragon BO3 第二场 2月22日
2021/03/11 DOTA
python实现apahce网站日志分析示例
2014/04/02 Python
python打开url并按指定块读取网页内容的方法
2015/04/29 Python
Python在Console下显示文本进度条的方法
2016/02/14 Python
Django 添加静态文件的两种实现方法(必看篇)
2017/07/14 Python
Python实现读取Properties配置文件的方法
2018/03/29 Python
html5 分层屏幕适配的方法
2018/03/16 HTML / CSS
使用HTML5做的导航条详细步骤
2020/10/19 HTML / CSS
JACK & JONES瑞典官方网站:杰克琼斯欧式风格男装
2017/12/23 全球购物
美国领先的精品家居照明和装饰产品在线零售商:LightsOnline.com
2018/01/23 全球购物
劳资专员岗位职责
2013/12/27 职场文书
教学实验楼管理制度
2014/02/01 职场文书
工作失职检讨书500字
2014/10/17 职场文书
老干部工作汇报材料
2014/10/28 职场文书
家庭财产分割协议书范本
2014/11/24 职场文书
内乡县衙导游词
2015/02/05 职场文书
行政处罚事先告知书
2015/07/01 职场文书
PyTorch中permute的使用方法
2022/04/26 Python