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

JavaScript 对象的属性和方法4种不同的类型

Mar 19 Javascript

基本jquery的控制tabs打开的数量的代码

Oct 17 Javascript

javascript中[]和{}对象使用介绍

Mar 20 Javascript

JS实现鼠标经过好友列表中的好友头像时显示资料卡的效果

Jul 02 Javascript

使用命令对象代替switch语句的写法示例

Feb 28 Javascript

jQuery实现返回顶部功能

Feb 23 Javascript

AngularJS 模块详解及简单实例

Jul 28 Javascript

vue.js中指令Directives详解

Mar 20 Javascript

详解Vue中添加过渡效果

Mar 20 Javascript

微信小程序获取手机系统信息的方法【附源码下载】

Dec 07 Javascript

了解javascript中变量及函数的提升

May 27 Javascript

原生JS实现分页

Apr 19 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 imagecreatetruecolor 创建高清和透明图片代码小结

2010/05/15 PHP

PHP sprintf() 函数的应用(定义和用法)

2012/06/29 PHP

php准确获取文件MIME类型的方法

2015/06/17 PHP

php及codeigniter使用session-cookie的方法(详解)

2017/04/06 PHP

利用php-cli和任务计划实现刷新token功能的方法

2017/05/03 PHP

Laravel 数据库加密及数据库表前缀配置方法

2019/10/10 PHP

基于jQuery的简单的列表导航菜单

2011/03/02 Javascript

jQuery对Select的操作大集合(收藏)

2013/12/28 Javascript

JavaScript中for-in遍历方式示例介绍

2014/02/11 Javascript

jquery控制select的text/value值为选中状态

2014/06/03 Javascript

JavaScript实现的简单烟花特效代码

2015/10/20 Javascript

实例讲解JavaScript中的this指向错误解决方法

2016/06/13 Javascript

Vue.extend构造器的详解

2017/07/17 Javascript

vue实现简单loading进度条

2018/06/06 Javascript

vue 列表页跳转详情页获取id以及详情页通过id获取数据

2019/03/27 Javascript

简单使用webpack打包文件的实现

2019/10/29 Javascript

vue 路由懒加载中给 Webpack Chunks 命名的方法

2020/04/24 Javascript

python在命令行下使用google翻译(带语音)

2014/01/16 Python

python smtplib模块发送SSL/TLS安全邮件实例

2015/04/08 Python

python中Switch/Case实现的示例代码

2017/11/09 Python

python实现汽车管理系统

2018/11/30 Python

python读取txt文件并取其某一列数据的示例

2019/02/19 Python

Python定义函数功能与用法实例详解

2019/04/08 Python

python GUI库图形界面开发之PyQt5选项卡控件QTabWidget详细使用方法与实例

2020/03/01 Python

KIKO美国官网：意大利的平价彩妆品牌

2017/05/16 全球购物

印度和世界各地的精美产品：Ikka Dukka

2018/02/12 全球购物

俄罗斯购买剧院和演唱会门票网站：Parter.ru

2019/11/09 全球购物

我为自己代言广告词

2014/03/18 职场文书

国旗下的演讲稿

2014/05/08 职场文书

六一儿童节演讲稿

2014/05/23 职场文书

食品质量与安全专业毕业生求职信

2014/08/11 职场文书

2014年会计工作总结

2014/11/27 职场文书

企业党员岗位承诺书

2015/04/27 职场文书

步步惊心观后感

2015/06/12 职场文书

《称赞》教学反思

2016/02/17 职场文书

Vue中插槽slot的使用方法与应用场景详析

2021/06/08 Vue.js