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

网页自动刷新，不产生嗒嗒声的一个解决方法

Mar 27 Javascript

javascript document.images实例

May 27 Javascript

javascript 模拟点击广告

Jan 02 Javascript

浏览器打开层自动缓慢展开收缩实例代码

Jul 04 Javascript

js控制不同的时间段显示不同的css样式的实例代码

Nov 04 Javascript

如何使用jquery easyui创建标签组件

Nov 18 Javascript

JS插件overlib用法实例详解

Dec 26 Javascript

深入理解JQuery循环绑定事件

Jun 02 Javascript

ReactNative-JS 调用原生方法实例代码

Oct 08 Javascript

js实现鼠标左右移动，图片也跟着移动效果

Jan 25 Javascript

jQuery实现表格的增、删、改操作示例

Jan 27 jQuery

webpack常用构建优化策略小结

Nov 21 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

解析coreseek for sphinx的使用

2013/06/21 PHP

php自定义的格式化时间示例代码

2013/12/05 PHP

ecshop实现smtp发送邮件

2015/02/03 PHP

PHP中Session可能会引起并发问题

2015/06/26 PHP

PHP程序员简单的开展服务治理架构操作详解(一)

2020/05/14 PHP

javascript打开新窗口同时关闭旧窗口

2009/01/16 Javascript

jQuery后代选择器用法实例

2014/12/23 Javascript

Node.js 制作实时多人游戏框架

2015/01/08 Javascript

Bootstrap入门书籍之（三）栅格系统

2016/02/17 Javascript

Angular开发者指南之入门介绍

2017/03/05 Javascript

Node+Express+MongoDB实现登录注册功能实例

2017/04/23 Javascript

使用JS中的Replace()方法遇到的问题小结

2017/10/20 Javascript

实例分析JS中的相等性判断===、 ==和Object.is()

2019/11/17 Javascript

vue相关配置文件详解及多环境配置详细步骤

2020/05/19 Javascript

[28:42]Ti4正赛VG vs NEWBEE1

2014/07/19 DOTA

[55:25]VGJ.T vs Optic Supermajor小组赛D组 BO3 第三场 6.3

2018/06/04 DOTA

Python深入学习之特殊方法与多范式

2014/08/31 Python

对python3 一组数值的归一化处理方法详解

2018/07/11 Python

python 实现保存最新的三份文件,其余的都删掉

2019/12/22 Python

利用OpenCV中对图像数据进行64F和8U转换的方式

2020/06/03 Python

Python实现定时监测网站运行状态的示例代码

2020/09/30 Python

HTML5制作表格样式

2016/11/15 HTML / CSS

详解window.open被浏览器拦截的解决方案

2019/07/18 HTML / CSS

Jacadi Paris美国官方网站：法国童装品牌

2017/10/15 全球购物

NET程序员上机面试题

2015/05/23 面试题

远程调用的原理

2014/07/05 面试题

丑小鸭教学反思

2014/02/03 职场文书

模具设计与制造专业推荐信

2014/02/16 职场文书

党校培训自我鉴定范文

2014/04/10 职场文书

公司户外活动总结

2014/07/04 职场文书

异地年检委托书范本

2014/09/24 职场文书

太行山上观后感

2015/06/05 职场文书

孔繁森观后感

2015/06/10 职场文书

制作能在nginx和IIS中使用的ssl证书

2021/06/21 Servers

Django对接elasticsearch实现全文检索的示例代码

2021/08/02 Python

Redis安装使用RedisJSON模块的方法

2022/03/23 Redis