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

dojo 之基础篇(三)之向服务器发送数据

Mar 24 Javascript

js或css实现滚动广告的几种方案

Jan 28 Javascript

JavaScript代码复用模式实例分析

Dec 02 Javascript

JavaScript实现页面实时显示当前时间的简单实例

Jul 20 Javascript

JS禁用浏览器退格键实现思路及代码

Oct 29 Javascript

node.js中的console.info方法使用说明

Dec 09 Javascript

JavaScript中常用的六种互动方法示例

Mar 13 Javascript

javascript格式化日期时间方法汇总

Jun 19 Javascript

jquery+json实现动态商品内容展示的方法

Jan 14 Javascript

JS去掉字符串前后空格、阻止表单提交的实现代码

Jun 08 Javascript

一个基于react的图片裁剪组件示例

Apr 18 Javascript

iview实现图片上传功能

Jun 29 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 用sock技术发送邮件的函数

2007/07/21 PHP

PHP array_push 数组函数

2009/12/26 PHP

探讨如何在php168_cms中提取验证码

2013/06/08 PHP

PHP中常用的转义函数

2014/02/28 PHP

node.js中的http.response.end方法使用说明

2014/12/14 Javascript

Javascript的闭包详解

2014/12/26 Javascript

jQuery实现的省市县三级联动菜单效果完整实例

2016/08/01 Javascript

Three.js学习之Lamber材质和Phong材质

2016/08/04 Javascript

浅谈jQuery this和$(this)的区别及获取$(this)子元素对象的方法

2016/11/29 Javascript

javascript设计模式之Adapter模式【适配器模式】实现方法示例

2017/01/13 Javascript

Angular2学习教程之TemplateRef和ViewContainerRef详解

2017/05/25 Javascript

jQuery实现动态控制页面元素的方法分析

2017/12/20 jQuery

微信小程序实现折叠面板

2018/01/31 Javascript

详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper

2018/05/28 Javascript

React中this丢失的四种解决方法

2019/03/12 Javascript

vue项目创建并引入饿了么elementUI组件的步骤

2019/04/11 Javascript

antd-mobile ListView长列表的数据更新遇到的坑

2020/04/08 Javascript

vue实现购物车结算功能

2020/06/18 Javascript

解决Can't find variable: SockJS vue项目的问题

2020/09/22 Javascript

python之django母板页面的使用

2018/07/03 Python

python求最大连续子数组的和

2018/07/07 Python

python中redis查看剩余过期时间及用正则通配符批量删除key的方法

2018/07/30 Python

python占位符输入方式实例

2019/05/27 Python

Python获取时间范围内日期列表和周列表的函数

2019/08/05 Python

Django结合ajax进行页面实时更新的例子

2019/08/12 Python

圣诞树世界：Christmas Tree World

2019/12/10 全球购物

Booking.com德国：预订最好的酒店和住宿

2020/02/16 全球购物

院药学专业个人求职信

2013/09/21 职场文书

六一节目主持词

2014/04/01 职场文书

初中班级口号

2014/06/09 职场文书

营销与策划实训报告

2014/11/05 职场文书

安全隐患整改报告

2014/11/06 职场文书

公司股份合作协议书

2014/12/07 职场文书

教师先进个人材料

2014/12/17 职场文书

单位病假条范文

2015/08/17 职场文书

Python实现查询剪贴板自动匹配信息的思路详解

2021/07/09 Python