H5 安卓返回鍵路由問題

Vue H5安卓的返回鍵解決方案
使用Vue和H5做安卓手機端時候,安卓的實體返回鍵會返回上一個路由頁面,導致頁面出現各種問題。

一、路由跳轉頁面改寫
在組件中,有需要跳轉頁面,並且不讓用戶返回的情況,例如:支付、登錄、註銷等。請做一下修改:

1、this.$router.push()全部改寫爲this.$router.replace()
2、<router-link to="/">全部改寫爲<router-link to="/" replace>

因爲this.router.pushwindow.histroythis.router.push會在window.histroy中保留瀏覽器的歷史記錄。 這樣返回鍵會返回上一個路由,而this.router.replace不會在history中保留。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章