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

JS继承--原型链继承和类式继承

Apr 08 Javascript

javascript的事件触发器介绍的实现

Jun 05 Javascript

js仿黑客帝国字母掉落效果代码分享

Nov 08 Javascript

jQuery验证插件validate使用详解

May 11 Javascript

js改变透明度实现轮播图的算法

Aug 24 Javascript

BootStrap轮播HTML代码（推荐）

Dec 10 Javascript

微信小程序中吸底按钮适配iPhone X方案

Nov 29 Javascript

angularJs自定义过滤器实现手机号信息隐藏的方法

Oct 08 Javascript

如何通过shell脚本自动生成vue文件详解

Sep 10 Javascript

vue中实现高德定位功能

Dec 03 Javascript

javascript使用Blob对象实现的下载文件操作示例

Apr 18 Javascript

vue element和nuxt的使用技巧分享

Jan 14 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执行Curl时报错提示CURL ERROR: Recv failure: Connection reset by peer的解决方法

2014/06/26 PHP

PHP中使用localhost连接Mysql不成功的解决方法

2014/08/20 PHP

php缩放gif和png图透明背景变成黑色的解决方法

2014/10/14 PHP

php使用timthumb生成缩略图的方法

2016/01/22 PHP

PHP利用imagick生成组合缩略图

2016/02/19 PHP

laravel中的一些简单实用功能

2018/11/03 PHP

Yii2框架自定义验证规则操作示例

2019/02/08 PHP

Js四则运算函数代码

2012/07/21 Javascript

Jquery的Tabs内容轮换效果实现代码,几行搞定

2014/02/12 Javascript

js图片预加载示例

2014/04/30 Javascript

JavaScript字符串对象split方法入门实例（用于把字符串分割成数组）

2014/10/16 Javascript

JS中捕获console.log()输出的方法

2015/04/16 Javascript

javascript的BOM

2016/05/03 Javascript

JavaScript中的 attribute 和 jQuery中的 attr 方法浅析

2017/01/04 Javascript

cropper js基于vue的图片裁剪上传功能的实现代码

2018/03/01 Javascript

js实现简单五子棋游戏

2020/05/28 Javascript

JavaScript用document.write()输出换行的示例代码

2020/11/26 Javascript

[11:01]2014DOTA2西雅图邀请赛冷冷带你探秘威斯汀

2014/07/08 DOTA

[46:00]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#4EG VS Fnatic第一局

2016/03/03 DOTA

Python学习笔记（二）基础语法

2014/06/06 Python

介绍Python中内置的itertools模块

2015/04/29 Python

在Python的web框架中配置app的教程

2015/04/30 Python

python3中bytes和string之间的互相转换

2017/02/09 Python

Python Learning 列表的更多操作及示例代码

2018/08/22 Python

python使用matplotlib画柱状图、散点图

2019/03/18 Python

Python生成指定数量的优惠码实操内容

2019/06/18 Python

Python函数参数类型及排序原理总结

2019/12/19 Python

推荐8款常用的Python GUI图形界面开发框架

2020/02/23 Python

美国顶级奢侈茶：Mighty Leaf Tea（美泰茶）

2016/11/26 全球购物

西班牙灯具网上商店：Lampara.es

2018/06/05 全球购物

DNA基因检测和分析：23andMe

2019/05/01 全球购物

优秀求职信

2014/05/29 职场文书

护士优质服务演讲稿

2014/08/26 职场文书

小学音乐教师个人工作总结

2015/02/05 职场文书

Python实现排序方法常见的四种

2021/07/15 Python

JAVA长虹键法之建造者Builder模式实现

2022/04/10 Java/Android