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


Posted in Javascript onNovember 04, 2020

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

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

然后我就绑定了事件 :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的确认按钮的回调事件操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
网页里控制图片大小的相关代码
Jun 13 Javascript
JS获取鼠标坐标的实例方法
Jul 18 Javascript
JavaScript实现生成GUID(全局统一标识符)
Sep 05 Javascript
完美兼容IE,chrome,ff的设为首页、加入收藏及保存到桌面js代码
Dec 17 Javascript
基于jquery fly插件实现加入购物车抛物线动画效果
Apr 05 Javascript
AngularJS 自定义过滤器详解及实例代码
Sep 14 Javascript
js控制台输出的方法(详解)
Nov 26 Javascript
TableSort.js表格排序插件使用方法详解
Feb 10 Javascript
如何编写jquery插件
Mar 29 jQuery
ES6新特性之Object的变化分析
Mar 31 Javascript
JavaScript设计模式之单例模式详解
Jun 09 Javascript
vue购物车插件编写代码
Nov 27 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
php实现的在线人员函数库
2008/04/09 PHP
利用discuz实现PHP大文件上传应用实例代码
2008/11/14 PHP
PHP中用正则表达式清除字符串的空白
2011/01/17 PHP
php通过字符串调用函数示例
2014/03/02 PHP
Yii结合CKEditor实现图片上传功能
2014/06/13 PHP
使用图灵api创建微信聊天机器人
2015/07/23 PHP
YII CLinkPager分页类扩展增加显示共多少页
2016/01/29 PHP
深入剖析PHP中printf()函数格式化使用
2016/05/23 PHP
浅谈PHP的$_SERVER[SERVER_NAME]
2017/02/04 PHP
JavaScript 动态生成方法的例子
2009/07/22 Javascript
用js实现的自定义的对话框的实现代码
2010/03/21 Javascript
javascript动态的改变IFrame的高度实现自动伸展
2013/10/12 Javascript
使用jQuery动态加载js脚本文件的方法
2014/04/03 Javascript
jquery 新建的元素事件绑定问题解决方案
2014/06/12 Javascript
javascript实现的登陆遮罩效果汇总
2015/11/09 Javascript
关于定制FileField中的上传文件名称问题
2017/08/22 Javascript
Vue2.0点击切换类名改变样式的方法
2018/08/22 Javascript
微信小程序实现富文本图片宽度自适应的方法
2019/01/20 Javascript
[40:12]Liquid vs Chaos 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python从入门到精通(DAY 2)
2015/12/20 Python
浅谈python的dataframe与series的创建方法
2018/11/12 Python
Python实现Mysql数据统计及numpy统计函数
2019/07/15 Python
Python使用import导入本地脚本及导入模块的技巧总结
2019/08/07 Python
html5 CSS过度-webkit-transition使用介绍
2013/07/02 HTML / CSS
宿舍违规用电检讨书
2014/02/16 职场文书
乡镇网格化管理实施方案
2014/03/23 职场文书
《莫泊桑拜师》教学反思
2014/04/23 职场文书
代理人委托书
2014/08/01 职场文书
2015毕业生实习工作总结
2014/12/12 职场文书
物业工程部岗位职责
2015/02/11 职场文书
毕业实习感受与体会
2015/05/26 职场文书
小学班主任心得体会
2016/01/07 职场文书
生命的关键成分来自太空?陨石说是的
2022/04/29 数码科技
Mybatis-plus配置分页插件返回统一结果集
2022/06/21 Java/Android
浅谈MySql update会锁定哪些范围的数据
2022/06/25 MySQL
MySQL数据库查询之多表查询总结
2022/08/05 MySQL