美文网首页
vant-ui 中 alart弹窗踩坑记录

vant-ui 中 alart弹窗踩坑记录

作者: WebDog369 | 来源:发表于2021-02-03 14:14 被阅读0次

需求:

在做手机端webapp时需要监听返回键,在某页面用户点击返回键时在beforeRouteLeave路由守卫中调用this.$dialog.alert('xxx)弹窗, 在用户确认后即可执行next(),否则执行next(false)

坑:

弹窗出现后会立马消失(闪了一下黑色)

原因:

弹窗的closeOnPopstate属性默认为true (在页面回退时自动关闭)

解决办法:

this.$dialog.alert({ closeOnPopstate:false }).then(() => { next() }).catch(()=>{next(false)}) 

相关文章

  • vant-ui 中 alart弹窗踩坑记录

    需求: 在做手机端webapp时需要监听返回键,在某页面用户点击返回键时在beforeRouteLeave路由守卫...

  • 做一个可移动的弹窗(VUE)

    前言:这里做一个可移动的弹窗,因为项目中使用到,且在写的时候发现很多坑。希望以后用到能够避免踩坑,特此记录。示例:...

  • ios审核被拒

    2019.4.4 1.App中的更新按钮或者弹窗需直接链接到AppStore; 采坑记录。。。。

  • 2020-10-19随笔 踩坑0传值

    踩坑:当值传入0时,if条件判断时候会自己转换,记录踩坑。

  • Weex入门踩坑记录

    Weex入门踩坑记录

  • Flutter 开发记录

    Flutter 开发踩坑记录(干货总结)

  • 日常bug记录

    想记录日常碰到的bug,坑踩多了,以后应该碰到坑就比较容易处理或者会少踩坑,后面会慢慢记录bug,截图bug以及最...

  • 没事请多踩踩坑!

    人生事不尽意,别人挖坑我踩坑。 请在这里留下你的踩坑记录,让别人少入坑。

  • Windows下GithubPages博客快速搭建

    Windows下开发坑总是比较多的,但是本人没Mac,只好踩一遍坑记录下。本文主要是安装过程&踩坑记录,故不对细节...

  • Retrofit Https踩坑记录

    Retrofit Https踩坑记录 前言 新司机上路,坑多,本文重点是踩坑,不详细讲retrofit用法,本文不...

网友评论

      本文标题:vant-ui 中 alart弹窗踩坑记录

      本文链接:https://www.haomeiwen.com/subject/lmoptltx.html