Vant 2 调用Dialog组件确认与取消按钮的回调事件

Vant2 Dialog组件官方文档：https://youzan.github.io/vant/v2/#/zh-CN/dialog

消息提示

<script>Dialog.alert({title: '标题',message: '弹窗内容',confirmButtonText: '确认按钮文案',cancelButtonText: '取消按钮文案',theme: 'round-button',}) .then(() => {// 此处触发 “确认按钮” 回调事件// todo}).catch(() => {// 此处触发 “取消按钮” 回调事件// todo});</script>

消息确认

Dialog.confirm({title: '标题',message: '弹窗内容',
}).then(() => {// 此处触发 “确认按钮” 回调事件// todo}).catch(() => {// 此处触发 “取消按钮” 回调事件// todo});

Vant 2 调用Dialog组件确认与取消按钮的回调事件相关推荐

mint-ui message box confirm弹框确认和取消按钮的回调
调用mint-ui message box confirm方法后点击确认和取消后如何执行对应的回调函数 MessageBox.confirm('', { message: 'xxx,你确定?', ...
微信小程序中使用vant weapp 的dialog组件
微信小程序中使用vant weapp 的dialog组件官方文档路径:import Dialog from 'path/to/@vant/weapp/dist/dialog/dialog';,这不是 ...
iframe调用父页面方法_5.1 vue中子组件调用父组件的方法，务必理解自定义事件的重要性...
问题:vue中子组件调用父组件的方法通过v-on 监听和$emit触发来实现: 1.在父组件中通过v-on 监听当前实例上的自定义事件. 2.在子组件中通过'$emit'触发当前实例上 ...
C# Form默认的确认和取消按钮
前言在C#的form工程中,微软提供了非常方便的确认和取消快捷默认按键设置,该设置直接可以在窗体属性中进行设置.下面以VS2019 为例简单介绍新建窗体工程 1.新建工程,将新窗体命名和大小指定, ...
layui弹框确认及取消按钮
1.取消按钮function btn1() {layer.closeAll(); } 2.确认按钮 function btn() {layui.use('layer', function(){var ...
微信小程序picker组件的确认，取消按钮方法
确定 bindchange 取消 bindcancel <picker mode="date" header-text="选择时间" f ...
message box确认弹框确认和取消按钮颜色互换
一.elementui中标准的样式如下图所示二.现在有个需求想要做成如下所示的弹框,因为强制删除不可逆,所以希望用户谨慎考虑删除操作,所以就希望取消和确认颜色互换. 三.话不多说上代码 this.$ ...
html实现确认和取消按钮
在填写表单的时候,有时候需要设置确认和重填的功能,可以借助JavaScript来实现. 就像这样,点击重填后,弹出确认框. <inputtype="reset" value= ...
JS删除之前弹出一个带有确认和取消按钮的提示框confirm()
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/stri ...

Vant 2 调用Dialog组件确认与取消按钮的回调事件

消息提示

消息确认

Vant 2 调用Dialog组件确认与取消按钮的回调事件相关推荐

最新文章

热门文章