使用vue做app開發物理返回鍵的問題

2022-08-14 06:06:08 字數 973 閱讀 3940

目前遇到的問題就是物理返回鍵,ios系統沒有物理返回鍵不存在此問題,但是安卓機幾乎都有物理返回鍵,當我們進入乙個新的路由,點選物理返回鍵會自動跳回上個路由,但是很多情況下我們是不讓使用者返回上個路由的,比如說網上購物,如果購物成功,是不給跳回確認訂單頁面的了,應直接返回訂單列表頁面。還有我們有個頁面需要橫屏處理,如果在這個頁面返回應該進行豎屏處理,這就需要我們去監控物理返回按鈕

解題思路:我上網查了一些資料  無非就是一下兩種方式

window.addeventlistener("popstate",function(e) ,false);

document.addeventlistener('backbutton', function (evt) , 10);

但是由於專案是單頁應用,所以我在乙個元件加了 所有元件都生效了,每次點選物理返回鍵全部都返回到指定的頁面去了,這顯然不是我想要的,所以我應該把這個方法在別的路由下移除才可以,這就導致了我每次進入想要監控的頁面要觸發一次路由跳轉,出來又觸發一次,根本沒有實現我點選物理返回按鈕才觸發的方式,而且我方法裡面是路由跳轉,直接進來跳回去了,幾個前端同事也沒有乙個解決的。

後來我在store裡面加了乙個state多一層判斷,如果是這個頁面才是true,只要進入了別的路由直接把state設定為false,這得到了我想要的效果,但是每次如果頁面多加了路由入口,我也需要在把state設定為false,這個方法不太美,但是目前沒有想到好的解決方式

直接貼**:

如果朋友們有什麼更好的解決方法,非常歡迎告知

安卓APP做殼 PHP做服務端 開發APP

客戶端呼叫介面api,服務端處理邏輯返回 結果json,客戶端接收結果作互動處理。做過 api 的人應該了解,其實開發 api 比開發 web 更簡潔,但可能邏輯更複雜,因為 api 其實就是資料輸出,不用呈現頁面,所以也就不存在 mvc api 只有 m 和 c 1 和 web 開發一樣,首先需要...

做APP介面開發過程總結

部分判斷流程圖 json格式內容 4.資料字典 對部分字段進行補充示意 塊語法遵循標準plsql 貼出部分 吧 也就是儲存過程編寫 1007人員續保申報 procedure sbp sbcx 1007 as inmsg in long,as outmsg out clob is iv dwbm js...

vue使用Axios做ajax請求

vue使用axios做ajax請求 vue2.0之後,就不再對vue resource更新,而是推薦使用axios 安裝 axios npm install axios 或 bower install axios 2.在要使用的檔案中引入axios import axios from axios 3...