鍍金池/ 問答/HTML5  HTML/ framework7跳轉(zhuǎn)頁面 路由機(jī)制產(chǎn)生的問題

framework7跳轉(zhuǎn)頁面 路由機(jī)制產(chǎn)生的問題

app項(xiàng)目用的Framework7的路由。通過mainview.router.load加載新頁面。通過back返回。配置是pushState:true。啟用的內(nèi)聯(lián)頁面(因?yàn)槲姨D(zhuǎn)頁面用了page.query傳參,如果不啟用內(nèi)聯(lián)會(huì)有page.query無法獲取而報(bào)錯(cuò)的bug)。

操作是:跳轉(zhuǎn)到某幾個(gè)成功頁面后,成功頁面設(shè)置了一個(gè)完成按鈕,點(diǎn)擊完成跳轉(zhuǎn)到首頁。這里用的是load到首頁。我試了所有的方法都無法back到首頁。

環(huán)境是:這套H5是是嵌入到第三方app的,外面有原生包殼。第三方通過他們app上的按鈕進(jìn)入到我的H5頁面中。

問題是:當(dāng)我跳轉(zhuǎn)到首頁后,我的首頁是沒法返回到人家的APP的,只能是點(diǎn)擊安卓手機(jī)的返回鍵,但是這里我從成功頁跳轉(zhuǎn)到首頁后,點(diǎn)擊返回就返回到了操作成功頁面。順著一直退回去了。

解決辦法:回到首頁后,刪除dom樹中的cached頁面,但是這樣點(diǎn)擊手機(jī)的返回,依然回到成功頁。

想知道如何設(shè)計(jì)這塊內(nèi)容 怎么走都有bug。

回答
編輯回答
孤客

Framework7 的路由我不太熟悉, 我說說BUI的路由是怎么解決這種處理的, BUI也是一個(gè)webapp開發(fā)框架.

BUI 采用類似于Framework7 一樣的路由實(shí)現(xiàn)方式, 所有頁面都加載在當(dāng)前頁, 因?yàn)橐鰟?dòng)畫提高體驗(yàn), 所以這里跟一般的spa是不太一樣的.

bui的路由有兩種方式, bui.back 的時(shí)候, index參數(shù) 設(shè)置為最大的后退值, 當(dāng)你的歷史記錄比你的index值小的時(shí)候, 就可以跳回到首頁; 還有一種是以 name 模塊名跳轉(zhuǎn), 不管你進(jìn)去多少層, 你都可以指定后退到首頁.

2017年12月10日 08:02