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

键盘 keycode的值 javascript时触发事件时很有用的要素

Nov 02 Javascript

window.location.hash 使用说明

Nov 08 Javascript

JavaScript调用后台的三种方法实例

Oct 17 Javascript

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

Sep 17 Javascript

JavaScript编写推箱子游戏

Jul 07 Javascript

浅谈Javascript中Object与Function对象

Sep 26 Javascript

jQuery事件绑定on()与弹窗实现代码

Apr 28 Javascript

JavaScript实现图片懒加载的方法分析

Jul 05 Javascript

vue实现条件叠加搜索的解决方法

May 28 Javascript

js简单遍历获取对象中的属性值的方法示例

Jun 19 Javascript

浅谈Vue.set实际上是什么

Oct 17 Javascript

vue iview的菜单组件Mune 点击不高亮的解决方案

Nov 01 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之第十天

2006/10/09 PHP

php session 错误

2009/05/21 PHP

PHP采集利器 Snoopy 试用心得

2011/07/03 PHP

php实现用户在线时间统计详解

2011/10/08 PHP

PHP 读取Postgresql中的数组

2013/04/14 PHP

修改php.ini不生效问题解决方法(上传大于8M的文件)

2013/06/14 PHP

Codeigniter控制器controller继承问题实例分析

2016/01/19 PHP

js 方法实现返回多个数据的代码

2009/04/30 Javascript

js事件绑定快捷键以ctrl+k为例

2014/09/30 Javascript

JavaScript使用cookie记录临时访客信息的方法

2015/04/07 Javascript

jQuery 1.9.1源码分析系列（十）事件系统之主动触发事件和模拟冒泡处理

2015/11/24 Javascript

JavaScript小技巧整理篇(非常全)

2016/01/26 Javascript

浅谈javascript的call()、apply()、bind()的用法

2016/02/21 Javascript

JS实现设置ff与ie元素绝对位置的方法

2016/03/08 Javascript

Node.js中如何合并两个复杂对象详解

2016/12/31 Javascript

JavaScript cookie详解及简单实例应用

2016/12/31 Javascript

AngularJS表单基本操作

2017/01/09 Javascript

在vue项目中使用Nprogress.js进度条的方法

2018/01/31 Javascript

快速解决bootstrap下拉菜单无法隐藏的问题

2018/08/10 Javascript

借助云开发实现小程序短信验证码的发送

2020/01/06 Javascript

2019最新21个MySQL高频面试题介绍

2020/02/06 Javascript

javascript局部自定义鼠标右键菜单

2020/12/08 Javascript

用Pygal绘制直方图代码示例

2017/12/07 Python

Python cookbook(数据结构与算法)实现对不原生支持比较操作的对象排序算法示例

2018/03/15 Python

Python使用Selenium模块模拟浏览器抓取斗鱼直播间信息示例

2018/07/18 Python

python3 cvs将数据读取为字典的方法

2018/12/22 Python

python 进程进程池进程间通信实现解析

2019/08/23 Python

Python warning警告出现的原因及忽略方法

2020/01/31 Python

win10安装python3.6的常见问题

2020/07/01 Python

俄罗斯一家时尚女装商店：Charuel

2019/12/04 全球购物

物流专业大学的自我评价

2014/01/11 职场文书

2014年财务工作总结范文

2014/11/11 职场文书

幼儿教师个人总结

2015/02/05 职场文书

2019客服个人年终工作总结范文

2019/07/08 职场文书

python 遍历磁盘目录的三种方法

2021/04/02 Python

MySQL数据迁移相关总结

2021/04/29 MySQL