產(chǎn)品需求，離開當(dāng)前頁面需要進(jìn)行攔截，彈窗確認(rèn)以后才離開。

筆者采用了在beforeRouteLeave里面進(jìn)行攔截的方案。但是發(fā)現(xiàn)點(diǎn)擊瀏覽器的后退按鈕，會(huì)出現(xiàn)彈窗閃現(xiàn)一下，立刻消失，頁面路由改變了，頁面確沒有變化。

解決方案

增加一個(gè)setTimeout延時(shí)

if (from.name === 'index') {setTimeout(() => {this.$confirm('您的信息尚未保存，是否確認(rèn)操作', {closeOnClickModal: false,lockScroll: false}).then(async() => {next()}).catch((e) => {console.log(e)next(false)})}, 200) } else {next() }

總結(jié)

以上是生活随笔為你收集整理的VUE 拦截浏览器后退弹窗，弹窗一闪立刻消失问题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。