编程 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 相关文章推荐

jquery获取tagName再进行判断

May 29 Javascript

js实现在同一窗口浏览图片

Sep 17 Javascript

JavaScript学习笔记之JS对象

Jan 22 Javascript

JS实现的通用表单验证插件完整实例

Aug 20 Javascript

jQuery Easyui datagrid editor为combobox时指定数据源实例

Dec 19 Javascript

Bootstrap栅格系统的使用详解

Oct 30 Javascript

jquery 实现拖动文件上传加载进度条功能

Mar 18 jQuery

webpack+vue+express(hot)热启动调试简单配置方法

Sep 19 Javascript

webpack4实现不同的导出类型

Apr 09 Javascript

js实现双人五子棋小游戏

May 28 Javascript

js实现缓动动画

Nov 25 Javascript

Vue实现简易购物车页面

Dec 30 Vue.js

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设置编码格式的方法

2013/03/05 PHP

简单谈谈PHP中的include、include_once、require以及require_once语句

2016/04/23 PHP

PHP自定义函数实现assign()数组分配到模板及extract()变量分配到模板功能示例

2018/05/23 PHP

Laravel框架执行原生SQL语句及使用paginate分页的方法

2018/08/17 PHP

php和html的区别点详细总结

2019/09/24 PHP

JavaScript的parseInt 进制问题

2009/05/07 Javascript

Jquery实战_读书笔记2 选择器

2010/01/22 Javascript

jquery插件jquery倒计时插件分享

2013/12/27 Javascript

JavaScript通过select动态更换图片的方法

2015/03/23 Javascript

javascript中createElement的两种创建方式

2015/05/14 Javascript

JavaScript识别网页关键字并进行描红的方法

2015/11/09 Javascript

使用jquery.qrcode.js生成二维码插件

2016/10/17 Javascript

node.js用fs.rename强制重命名或移动文件夹的方法

2017/12/27 Javascript

微信小程序实现animation动画

2018/01/26 Javascript

nodejs express配置自签名https服务器的方法

2018/05/22 NodeJs

JavaScript继承与多继承实例分析

2018/05/26 Javascript

vue2.0 + ele的循环表单及验证字段方法

2018/09/18 Javascript

vue自定义指令实现仅支持输入数字和浮点型的示例

2019/10/30 Javascript

Vue通过for循环随机生成不同的颜色或随机数的实例

2019/11/09 Javascript

小程序接入腾讯位置服务的详细流程

2020/03/03 Javascript

在vue中封装方法以及多处引用该方法详解

2020/08/14 Javascript

Django admin美化插件suit使用示例

2017/12/12 Python

python 读写excel文件操作示例【附源码下载】

2019/06/19 Python

HTML5中语义化 b 和 i 标签

2008/10/17 HTML / CSS

Html5基于canvas实现电子签名并生成PDF文档

2020/12/07 HTML / CSS

兰蔻美国官网：Lancome美国

2017/04/25 全球购物

乐高奥地利官方商店：LEGO Shop AT

2019/07/16 全球购物

英国玛莎百货新西兰：Marks & Spencer New Zealand

2019/07/21 全球购物

护理毕业生自荐信范文

2013/12/22 职场文书

优秀大学生职业生涯规划书

2014/02/27 职场文书

村抢险救灾方案

2014/05/09 职场文书

2015年派出所民警工作总结

2015/04/24 职场文书

三八节活动主持词

2015/07/04 职场文书

检讨书格式

2019/04/25 职场文书

mysql 生成连续日期及变量赋值

2022/03/20 MySQL

使用CSS定位HTML元素的实现方法

2022/07/07 HTML / CSS