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

网页里控制图片大小的相关代码

Jun 13 Javascript

基于jquery的图片轮播 tab切换组件

Jul 19 Javascript

关于jquery中全局函数each使用介绍

Dec 10 Javascript

JavaScript fontcolor方法入门实例（按照指定的颜色来显示字符串）

Oct 17 Javascript

Jquery日期选择datepicker插件用法实例分析

Jun 08 Javascript

jQuery密码强度检测插件passwordStrength用法实例分析

Oct 30 Javascript

浅析函数声明和函数表达式——函数声明的声明提前

May 03 Javascript

EasyUI学习之Combobox级联下拉列表(2)

Dec 29 Javascript

利用jquery去掉时光轴头尾部线条的方法实例

Jun 16 jQuery

原生js二级联动效果

Jun 20 Javascript

Bootstrap Table从零开始

Jun 30 Javascript

Node.js API详解之 dns模块用法实例分析

May 15 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-fpm的两种进程管理模式详解

2013/06/03 PHP

PHP FTP操作类代码( 上传、拷贝、移动、删除文件/创建目录)

2014/05/10 PHP

2015/02/11 PHP

PHP封装cURL工具类与应用示例

2019/07/01 PHP

TP5框架实现签到功能的方法分析

2020/04/05 PHP

静态的动态续篇之来点XML

2006/12/23 Javascript

JS复制内容到剪切板的实例代码(兼容IE与火狐)

2013/11/19 Javascript

js数组转json并在后台对其解析具体实现

2013/11/20 Javascript

jquery实现省市select下拉框的替换(示例代码)

2014/02/22 Javascript

js实现点击切换TAB标签实例

2015/08/21 Javascript

基于jQuery实现网页打印功能

2015/12/01 Javascript

AngularJS 使用 UI Router 实现表单向导

2016/01/29 Javascript

基于Jquery插件实现跨域异步上传文件功能

2016/04/26 Javascript

jquery对象访问是什么及使用方法介绍

2016/05/03 Javascript

jquery实现自适应banner焦点图

2017/02/16 Javascript

JavaScript中 this 指向问题深度解析

2017/02/21 Javascript

nodejs body-parser 解析post数据实例

2017/07/26 NodeJs

仿京东快报向上滚动的实例

2017/12/13 Javascript

JS实现点击下拉菜单把选择的内容同步到input输入框内的实例

2018/01/23 Javascript

在Angular中使用JWT认证方法示例

2018/09/10 Javascript

mock.js模拟前后台交互

2019/07/25 Javascript

原生js基于canvas实现一个简单的前端截图工具代码实例

2019/09/10 Javascript

Vue 2.0双向绑定原理的实现方法

2019/10/23 Javascript

详解vite2.0配置学习(typescript版本)

2021/02/25 Javascript

Python 操作MySQL详解及实例

2017/04/30 Python

python快排算法详解

2019/03/04 Python

Python Django form 组件动态从数据库取choices数据实例

2020/05/19 Python

有趣的睡衣和礼物：LazyOne

2019/11/27 全球购物

毕业生怎样写好自荐信

2013/11/11 职场文书

国土资源局开展党的群众路线教育实践活动整改措施

2014/09/26 职场文书

意外死亡赔偿协议书

2014/10/14 职场文书

文员岗位职责范本

2015/04/16 职场文书

安全承诺书格式范本

2015/04/28 职场文书

论文致谢词范文

2015/05/14 职场文书

刑事法律意见书

2015/06/04 职场文书

解决Navicat for Mysql连接报错1251的问题(连接失败)

2021/05/27 MySQL