1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > Vant 2 - 解决 Dialog 弹出框组件点击 “确定“ 按钮后 模态框消失隐藏了(be

Vant 2 - 解决 Dialog 弹出框组件点击 “确定“ 按钮后 模态框消失隐藏了(be

时间:2020-03-16 11:37:01

相关推荐

Vant 2 - 解决 Dialog 弹出框组件点击 “确定“ 按钮后 模态框消失隐藏了(be

前言

该问题官方文档已经给出了解决方案,即beforeClose属性,但是描述有些晦涩。

本文来演示一下正确的使用方法,

点击确定后并不会关闭模态框,如下图所示:

解决方案

代码只保留了核心代码,无用配置没有写出来,方便您观察。

在组件上绑定before-close属性,属性值为一个函数。

<van-dialog :before-close="onBeforeClose">...</van-dialog>

/*** 阻止模态框关闭* @description 根据操作判断* @param {String} action - 是确定还是取消* @param {Function} done - 操作函数* @return Function*/onBeforeClose(action, done) {// 点击了确定按钮if (action === "confirm") {// if()...也可以加入一些条件return done(false);//直接return它即可阻止}// 点击了取消按钮else {done(true); //关闭弹窗, true可以省略}}

Vant 2 - 解决 Dialog 弹出框组件点击 “确定“ 按钮后 模态框消失隐藏了(beforeClose 关闭前回调的使用 可阻止关闭)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。