编程 Javascript

vant组件中 dialog的确认按钮的回调事件操作

Posted in Javascript onNovember 04, 2020

不知道是不是我理解有问题，看了vant的组件库，他的文档是这样说的

然后我就绑定了事件：confirm

结果他的触发机制是：加载页面时会触发，点击按钮打开模态框时会触发，点击确定会触发，点击取消也会触发。

经过查阅资料以后，可以绑定他一个事件：beforeClose

这个事件的回调有两个参数，

第一个参数是来判断点击的是确认按钮还是取消按钮。第二个参数我感觉就是可以关闭模态框。

vant组件中 dialog的确认按钮的回调事件操作

补充知识：修改 vant 弹窗Dialog 组件调用是确认按钮与取消按钮的文字

Props

有关props 两个属性 confirm-button-text 与 cancel-button-text 。

confirm-button-text 确认按钮显示内容

cancel-button-text 取消按钮显示内容

<van-dialog class="" confirm-button-text="这里输入确认按钮的文字" cancel-button-text="这里输入取消按钮显示的文字" title="这里是标题" show-cancel-button v-model="show" @confirm="" v-cloak>

</van-dialog>

文档链接：https://youzan.github.io/vant/#/zh-CN/quickstart#fang-shi-si.-tong-guo-cdn-yin-ru

以上这篇vant组件中 dialog的确认按钮的回调事件操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

vant组件中 dialog的确认按钮的回调事件操作

- Author -

qitiandada

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

如何阻止复制剪切和粘贴事件为了表单内容的安全

May 23 Javascript

javascript实现表格排序编辑拖拽缩放

Jan 02 Javascript

Node.js 学习笔记之简介、安装及配置

Mar 03 Javascript

原生js编写autoComplete插件

Apr 13 Javascript

jquery操作ID带有变量的节点实例

Dec 07 Javascript

jQuery实现图片滑动效果

Mar 08 Javascript

socket.io学习教程之基本应用（二）

Apr 29 Javascript

XMLHttpRequest对象_Ajax异步请求重点(推荐)

Sep 28 Javascript

微信小程序实现手势图案锁屏功能

Jan 30 Javascript

vue.js计算属性computed用法实例分析

Jul 06 Javascript

微信小程序五子棋游戏的悔棋实现方法【附demo源码下载】

Feb 20 Javascript

JavaScript计算正方形面积

Nov 26 Javascript

Array.filter中如何正确使用Async

Nov 04 #Javascript

JavaScript setTimeout()基本用法有哪些

Nov 04 #Javascript

vant-ui组件调用Dialog弹窗异步关闭操作

Nov 04 #Javascript

通过实例了解Render Props回调地狱解决方案

Nov 04 #Javascript

vant中的toast层级改变操作

Nov 04 #Javascript

vant中的toast轻提示实现代码

Nov 04 #Javascript

JavaScript快速调试的两个技巧

Nov 04 #Javascript

You might like

Apache, PHP在Windows 9x/NT下的安装与配置 (二)

2006/10/09 PHP

PHP中数组定义的几种方法

2013/09/01 PHP

Windows Server 2008 R2和2012中PHP连接MySQL过慢的解决方法

2016/07/02 PHP

CSS中简写属性要注意TRouBLe的顺序问题(避免踩坑)

2021/03/09 HTML / CSS

最近项目写了一些js，水平有待提高

2009/01/31 Javascript

JQuery的$命名冲突详细解析

2013/12/28 Javascript

javascript中interval与setTimeOut的区别示例介绍

2014/03/14 Javascript

Node.js异步I/O学习笔记

2014/11/04 Javascript

js实现点击添加一个input节点

2014/12/05 Javascript

JavaScript中原型和原型链详解

2015/02/11 Javascript

Jquery实现鼠标移动放大图片功能实例

2015/03/25 Javascript

jQuery实现冻结表格行和列

2015/04/29 Javascript

js调用百度地图及调用百度地图的搜索功能

2015/09/07 Javascript

基于jstree使用AJAX请求获取数据形成树

2017/08/29 Javascript

详解Vue 动态组件与全局事件绑定总结

2018/11/11 Javascript

微信小程序事件对象中e.target和e.currentTarget的区别详解

2019/05/08 Javascript

浅谈layui分页控件field参数接收对象的问题

2019/09/20 Javascript

jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析

2020/04/04 jQuery

JS数组的常用10种方法详解

2020/05/08 Javascript

[03:14]2014DOTA2西雅图国际邀请赛 EG战队巡礼

2014/07/07 DOTA

[02:51]DOTA2 2015国际邀请赛中国区预选赛第一日战报

2015/05/27 DOTA

[02:28]DOTA2 2017国际邀请赛小组赛回顾

2017/08/09 DOTA

Python创建系统目录的方法

2015/03/11 Python

高效测试用例组织算法pairwise之Python实现方法

2017/07/19 Python

详谈python3中用for循环删除列表中元素的坑

2018/04/19 Python

Python后台管理员管理前台会员信息的讲解

2019/01/28 Python

解决Pycharm 包已经下载,但是运行代码提示找不到模块的问题

2019/08/31 Python

Pycharm常用快捷键总结及配置方法

2020/11/14 Python

python爬虫智能翻页批量下载文件的实例详解

2021/02/02 Python

台湾流行服饰购物平台：OB严选

2018/01/21 全球购物

英国信箱在线鲜花速递公司：Bloom & Wild

2019/03/10 全球购物

PHP中如何创建和修改数组

2012/05/02 面试题

编程实现去掉XML的重复结点

2014/05/28 面试题

一套比较完整的软件测试人员面试题

2012/05/13 面试题

教师年终个人自我评价

2013/10/04 职场文书

学习心得体会

2019/06/20 职场文书