vant组件中 dialog的确认按钮的回调事件操作


Posted in Javascript onNovember 04, 2020

不知道是不是我理解有问题,看了vant的组件库,他的文档是这样说的

vant组件中 dialog的确认按钮的回调事件操作

然后我就绑定了事件 :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的确认按钮的回调事件操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Extjs Gird 支持中文拼音排序实现代码
Apr 15 Javascript
12行javascript代码绘制一个八卦图
Apr 02 Javascript
jQuery带进度条全屏图片轮播特效代码分享
Jun 28 Javascript
详解JavaScript for循环中发送AJAX请求问题
Jun 23 Javascript
Bootstrap三种表单布局的使用方法
Jun 21 Javascript
基于js中的原型、继承的一些想法
Aug 10 Javascript
Bootstrap基本样式学习笔记之按钮(4)
Dec 07 Javascript
AngularJs每天学习之总体介绍
Aug 07 Javascript
JS实现利用闭包判断Dom元素和滚动条的方向示例
Aug 26 Javascript
Vue中使用Echarts仪表盘展示实时数据的实现
Nov 01 Javascript
vue实现动态给id赋值,点击事件获取当前点击的元素的id操作
Nov 09 Javascript
vue 把二维或多维数组转一维数组
Apr 24 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环境配置 php5 mysql5 apache2 phpmyadmin安装与配置
2006/11/17 PHP
PHP Echo字符串的连接格式
2016/03/07 PHP
PHP培训要多少钱
2017/06/06 PHP
jquery显示和隐藏div特效实例
2013/02/27 Javascript
JS比较两个时间大小的简单示例代码
2013/12/20 Javascript
jQuery实现当按下回车键时绑定点击事件
2014/01/28 Javascript
js设置function参数默认值(适合没有传参情况)
2014/02/24 Javascript
多个checkbox被选中时如何判断是否有自己想要的
2014/09/22 Javascript
node.js中的fs.symlink方法使用说明
2014/12/15 Javascript
JavaScript自定义等待wait函数实例分析
2015/03/23 Javascript
JavaScript基本的输出和嵌入式写法教程
2015/10/20 Javascript
JQuery ZTree使用方法详解
2017/01/07 Javascript
微信小程序 标签传入数据
2017/05/08 Javascript
jQuery实现的表格前端排序功能示例
2017/09/18 jQuery
axios中cookie跨域及相关配置示例详解
2017/12/20 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【矩形情况】
2018/12/13 Javascript
详解微信小程序开发之formId使用(模板消息)
2019/08/27 Javascript
vue.js+elementUI实现点击左右箭头切换头像功能(类似轮播图效果)
2019/09/05 Javascript
Python max内置函数详细介绍
2016/11/17 Python
Python实现快速傅里叶变换的方法(FFT)
2018/07/21 Python
python linecache 处理固定格式文本数据的方法
2019/01/08 Python
python实现几种归一化方法(Normalization Method)
2019/07/31 Python
python实现复制文件到指定目录
2019/10/16 Python
使用python实现回文数的四种方法小结
2019/11/24 Python
python turtle 绘制太极图的实例
2019/12/18 Python
Python实现链表反转的方法分析【迭代法与递归法】
2020/02/22 Python
Python学习笔记之装饰器
2020/08/06 Python
什么叫做SQL注入,如何防止
2016/10/04 面试题
迟到检讨书900字
2014/01/14 职场文书
信用社员工先进事迹材料
2014/02/04 职场文书
会务接待方案
2014/02/27 职场文书
预备党员2014全国两会学习心得体会
2014/03/10 职场文书
药剂专业个人求职信范文
2014/04/29 职场文书
晋江市人民政府党组群众路线教育实践活动整改方案
2014/10/25 职场文书
2019财务毕业实习报告
2019/06/27 职场文书
Java9新特性之Module模块化编程示例演绎
2022/03/16 Java/Android