未分類
27 4 月 2020

小白请教下 vue 怎么阻止一些手机自带的返回键

小白请教下 vue 怎么阻止一些手机自带的返回键

資深大佬 : ChengNaNA 62

正常情况下：按页面 A 中的返回按钮 push 返回到页面 B 并传某个参数。 手机返回键下：页面 A 直接返回到上个页面 B，然后页面 B 缺了某个参数。 前端小白百度也找不到明确方法，求大佬们好心解答，谢谢！

大佬有話說 (6)

  • 資深大佬 : LyleRockkk

    你 google “js 阻止 手机返回键返回”，就知道了

  • 資深大佬 : shcolo

    https://zh.lmgtfy.com/?q=js%E9%98%BB%E6%AD%A2%E6%89%8B%E6%9C%BA%E8%BF%94%E5%9B%9E%E9%94%AE%E8%BF%94%E5%9B%9E

  • 資深大佬 : xiangyuecn

    一进页面二话不说，先 history.pushState 10 次，占满后退历史，不够？ 100 次

  • 資深大佬 : chairuosen

    就不该这么设计，应该在 A 的 beforeRouteLeave 里找个地方存参数，B 页面 mounted 再取

  • 資深大佬 : Biwood

    如果你要通过阻止用户返回上一页的方式来解决页面传参问题，那么你的程序设计**一定**有问题。

  • 資深大佬 : lbw

    1. 返回按钮的本质撤消当前历史记录，所以不存在返回按钮会 push
    2. 如果 A 和 B 都是在 vue-router 下，B -> A，要实现 A 无法返回 B 的话，那么 B -> A 应该用 router.replace 而不是 router.push，即用 B 的历史记录覆盖 A 的历史记录