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 相关文章推荐
EasyUI 中 MenuButton 的使用方法
Jul 14 Javascript
基于JS实现的随机数字抽签实例
Dec 08 Javascript
详解VueJs异步动态加载块
Mar 09 Javascript
使用JS在浏览器中判断当前网络连接状态的几种方法
May 05 Javascript
原生js调用json方法总结
Feb 22 Javascript
对angular4子路由&amp;辅助路由详解
Oct 09 Javascript
Angular PWA使用的Demo示例
Jan 31 Javascript
jquery 验证用户名是否重复代码实例
May 14 jQuery
基于javascript实现贪吃蛇经典小游戏
Apr 10 Javascript
js函数柯里化的方法和作用实例分析
Apr 11 Javascript
Vue3 响应式侦听与计算的实现
Nov 11 Javascript
node koa2 ssr项目搭建的方法步骤
Dec 11 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/09/05 PHP
PHP对MongoDB[NoSQL]数据库的操作
2013/03/01 PHP
浅析php过滤html字符串,防止SQL注入的方法
2013/07/02 PHP
php数组去重实例及分析
2013/11/26 PHP
php实现递归的三种基本方式
2020/07/04 PHP
laravel利用中间件做防非法登录和权限控制示例
2019/10/21 PHP
window.js 主要包含了页面的一些操作
2009/12/23 Javascript
如何设置iframe高度自适应在跨域情况下的可用方法
2013/09/06 Javascript
js的Prototype属性解释及常用方法
2014/05/08 Javascript
JQuery中使用.each()遍历元素学习笔记
2014/11/08 Javascript
nodejs 提示‘xxx’ 不是内部或外部命令解决方法
2014/11/20 NodeJs
浅析javascript操作 cookie对象
2014/12/26 Javascript
Javascript闭包用法实例分析
2015/01/23 Javascript
基于Jquery实现焦点图淡出淡入效果
2015/11/30 Javascript
jQuery zTree加载树形菜单功能
2016/02/25 Javascript
Extjs实现下拉菜单效果
2016/04/01 Javascript
jquery DataTable实现前后台动态分页
2017/06/17 jQuery
详解vue2 $watch要注意的问题
2017/09/08 Javascript
利用nginx + node在阿里云部署https的步骤详解
2017/12/19 Javascript
python发送伪造的arp请求
2014/01/09 Python
django反向解析URL和URL命名空间的方法
2018/06/05 Python
Python实现的建造者模式示例
2018/08/06 Python
python 定义类时,实现内部方法的互相调用
2019/12/25 Python
Python Selenium模块安装使用教程详解
2020/07/09 Python
Python WebSocket长连接心跳与短连接的示例
2020/11/24 Python
Kiwi.com中国:找到特价机票并发现新目的地
2019/10/27 全球购物
一份全面的PHP面试问题考卷
2012/07/15 面试题
应届大学生求职信
2013/12/01 职场文书
学校采购员岗位职责
2014/01/02 职场文书
生产班组长岗位职责
2014/01/05 职场文书
服务标语大全
2014/06/18 职场文书
省委召开党的群众路线教育实践活动总结大会报告
2014/10/21 职场文书
尊师重教主题班会
2015/08/14 职场文书
个人房屋租赁合同(标准范本)
2019/09/16 职场文书
mysql查询的控制语句图文详解
2021/04/11 MySQL
MySQL Shell import_table数据导入的实现
2021/08/07 MySQL