vant组件中 dialog的确认按钮的回调事件操作
不知道是不是我理解有问题，看了vant的组件库，他的文档是这样说的
然后我就绑定了事件 ：confirm
结果他的触发机制是：加载页面时会触发，点击按钮打开模态框时会触发，点击确定会触发，点击取消也会触发。
经过查阅资料以后，可以绑定他一个事件：beforeClose
这个事件的回调 有两个参数，
第一个参数是来判断点击的是确认按钮还是取消按钮。第二个参数我感觉就是可以关闭模态框。
补充知识：修改 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的确认按钮的回调事件操作就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
virtualenv是一个创建隔绝的Python环境的工具。这篇文章主要介绍了python虚拟环境 virtualenv的简单使用，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2020-01-01
这篇文章主要为大家详细介绍了Vue3如何通过纯前端方案将富文本内容直接导出为符合中文排版规范的 Word 文档,有需要的小伙伴可以参考下2025-03-03
element-plus 如何设置 el-date-picker 弹出框位置
el-date-picker 组件会自动根据空间范围进行选择比较好的弹出位置,但特定情况下,它自动计算出的弹出位置并不符合我们的实际需求,故需要我们手动设置,这篇文章主要介绍了element-plus 如何设置 el-date-picker 弹出框位置,需要的朋友可以参考下2024-07-07
这篇文章主要介绍了vue使用element-ui的el-image的问题分析,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-01-01
这篇文章主要为大家详细介绍了Vue draggable实现从左到右拖拽功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
这篇文章主要为大家详细介绍了vue封装组件之上传图片组件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
本文主要介绍了Vue简易注册页面+发送验证码功能的实现示例，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-11-11
这篇文章主要介绍了vue中的计算属性传参，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-08-08
nuxt 服务器渲染动态设置 title和seo关键字的操作
这篇文章主要介绍了nuxt 服务器渲染动态设置 title和seo关键字的操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
vue2.0 使用element-ui里的upload组件实现图片预览效果方法
今天小编就为大家分享一篇vue2.0 使用element-ui里的upload组件实现图片预览效果方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
最新评论