编程 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 JSON对象转为字符串的简单实现方法

Nov 18 Javascript

javascript打开word文档的方法

Apr 16 Javascript

浅谈重写window对象的方法

Dec 29 Javascript

jQuery实现表单步骤流程导航代码分享

Aug 28 Javascript

谈谈js中的prototype及prototype属性解释和常用方法

Nov 25 Javascript

layer弹出层框架alert与msg详解

Mar 14 Javascript

Angular2 之路由与导航详细介绍

May 26 Javascript

VUE+Element环境搭建与安装的方法步骤

Jan 24 Javascript

使用ESLint禁止项目导入特定模块的方法步骤

Mar 04 Javascript

layui table数据修改的回显方法

Sep 04 Javascript

vue+Element-ui实现登录注册表单

Nov 17 Javascript

Vue 实现可视化拖拽页面编辑器

Feb 01 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数组合并与拆分实例分析

2015/06/12 PHP

JS解密入门之凭直觉解

2008/06/25 Javascript

用JavaScript页面不刷新时全选择，全删除（GridView）

2009/04/14 Javascript

用于节点操作的API，颠覆原生操作HTML DOM节点的API

2010/12/11 Javascript

jquery 实现两级导航菜单附效果图

2014/03/07 Javascript

jquery队列函数用法实例

2014/12/16 Javascript

Hammer.js+轮播原理实现简洁的滑屏功能

2016/02/02 Javascript

javascript表单事件处理方法详解

2016/05/15 Javascript

jquery编写日期选择器

2017/03/16 Javascript

利用Angular.js编写公共提示模块的方法教程

2017/05/28 Javascript

VsCode插件整理（小结）

2017/09/14 Javascript

Vue组件之全局组件与局部组件的使用详解

2017/10/09 Javascript

浅谈vue项目优化之页面的按需加载(vue+webpack)

2017/12/11 Javascript

angular写一个列表的选择全选交互组件的示例

2018/01/22 Javascript

javascript性能优化之分时函数的介绍

2018/03/28 Javascript

微信小程序使用swiper组件实现类3D轮播图

2018/08/29 Javascript

ajax与jsonp的区别及用法

2018/10/16 Javascript

浅谈Vue3.0新版API之composition-api入坑指南

2020/04/30 Javascript

vue watch监控对象的简单方法示例

2021/01/07 Vue.js

Python3实现带附件的定时发送邮件功能

2020/12/22 Python

python顺序的读取文件夹下名称有序的文件方法

2018/07/11 Python

Django中reverse反转并且传递参数的方法

2019/08/06 Python

使用pygame写一个古诗词填空通关游戏

2019/12/03 Python

基于python实现计算且附带进度条代码实例

2020/03/31 Python

Python OpenCV实现测量图片物体宽度

2020/05/27 Python

La Senza官网：北美顶尖性感内衣品牌

2018/08/03 全球购物

英国水族馆和池塘用品购物网站：Warehouse Aquatics

2019/08/29 全球购物

Windows和Linux动态库应用异同

2016/04/17 面试题

Linux如何修改文件和文件夹的权限

2013/09/05 面试题

2014年五四青年节演讲稿范文

2014/04/22 职场文书

公司建议书怎么写

2014/05/15 职场文书

第28个世界无烟日活动总结

2015/02/10 职场文书

PyQt5 QThread倒计时功能的实现代码

2021/04/02 Python

Mysql - 常用函数每天积极向上

2021/04/05 MySQL

Python编程源码报错解决方法总结经验分享

2021/10/05 Python

vue实现可以快进后退的跑马灯组件

2022/04/08 Vue.js