编程 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滑动门代码

Dec 19 Javascript

用js实现层随着内容大小动态渐变改变推荐

Dec 19 Javascript

js setTimeout 参数传递使用介绍

Aug 13 Javascript

详解微信小程序 wx.uploadFile 的编码坑

Jan 23 Javascript

jq给页面添加覆盖层遮罩的实例

Feb 16 Javascript

详解vue事件对象、冒泡、阻止默认行为

Mar 20 Javascript

Angular.js前台传list数组由后台spring MVC接收数组示例代码

Jul 31 Javascript

浅谈vuejs实现数据驱动视图原理

Feb 23 Javascript

jQuery实现基本隐藏与显示效果的方法详解

Sep 05 jQuery

vue下载excel的实现代码后台用post方法

May 10 Javascript

ES6小技巧之代替lodash

Jun 07 Javascript

webpack4 配置 ssr 环境遇到“document is not defined”

Oct 24 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

smarty获得当前url的方法分享

2014/02/14 PHP

php中使用Ajax时出现Error（c00ce56e）的详细解决方案

2014/11/03 PHP

Windows2003下php5.4安装配置教程（IIS）

2016/06/30 PHP

PHP yield关键字功能与用法分析

2019/01/03 PHP

nicejforms——美化表单不用愁

2007/02/20 Javascript

JS 文件传参及处理技巧分析

2010/05/13 Javascript

jQuery学习笔记之总体架构

2014/06/03 Javascript

JS+CSS实现精美的二级导航效果代码

2015/09/17 Javascript

AngularJS基础 ng-init 指令简单示例

2016/08/02 Javascript

jQuery简单实现列表隐藏和显示效果示例

2016/09/12 Javascript

JavaScript注入漏洞的原理及防范(详解)

2016/12/04 Javascript

基于Bootstrap 3 JQuery及RegExp的表单验证功能

2017/02/16 Javascript

xmlplus组件设计系列之图标（ICON）(1）

2017/05/05 Javascript

jQuery实现表单动态添加与删除数据操作示例

2018/07/03 jQuery

详解离线安装npm包的几种方法

2018/11/25 Javascript

uni-app 支持多端第三方地图定位的方法

2020/01/03 Javascript

[08:44]和酒神一起战斗 DOTA2教你做大人

2014/03/27 DOTA

[01:28]一分钟告诉你DOTA2 TI9不朽宝藏Ⅱ中有什么！

2019/07/09 DOTA

Python实现从百度API获取天气的方法

2015/03/11 Python

Python logging管理不同级别log打印和存储实例

2018/01/19 Python

Python SQL查询并生成json文件操作示例

2018/08/17 Python

Python实现查找最小的k个数示例【两种解法】

2019/01/08 Python

如何使用django的MTV开发模式返回一个网页

2019/07/22 Python

浅谈Python 命令行参数argparse写入图片路径操作

2020/07/12 Python

Vans英国官方网站：美国南加州的原创极限运动潮牌

2017/01/20 全球购物

英国香水店：The Perfume Shop

2017/03/27 全球购物

Java 中访问数据库的步骤？Statement 和PreparedStatement 之间的区别？

2012/06/05 面试题

abstract是什么意思

2012/02/12 面试题

中学教师岗位职责

2013/11/26 职场文书

店长助理岗位职责

2013/12/13 职场文书

人事专员的岗位职责

2014/03/01 职场文书

2014两会优秀的心得体会范文

2014/03/17 职场文书

学校国庆节活动总结

2015/03/23 职场文书

信访维稳承诺书

2015/05/04 职场文书

导游词之四川熊猫基地

2020/01/13 职场文书

小程序实现侧滑删除功能

2022/06/25 Javascript