已解決430363個問題，去搜搜看，總會有你想問的

vue單頁面應用混合開發手機app遇到的問題？

首頁猿問 vue單頁面應用混合開發手機app...

vue單頁面應用混合開發手機app遇到的問題？

JavaScript

九州編程 2019-03-22 18:15:43

在各個子頁面中的想要監聽手機物理返回鍵進行指定路由跳轉，而不是通過history進行一步步跳轉，通過在每個子頁面的生命周期mounted上掛載監聽方法mounted () { this.addPopState();},methods: { addPopState() { window.addEventListener('popstate',function(){})//popstate事件監聽物理返回按鍵 }}但是出現的問題是，在多個頁面中綁定了相同的事件，導致被覆蓋掉了，求問有什么好的解決方法？跪謝各位了！?。?

查看完整描述

3 回答

婷婷同學_

TA貢獻1844條經驗獲得超8個贊

addEventListener可以多次綁定并不會覆蓋上一個事件啊，是否是其他地方影響到了？

像這種事件監聽我的做法是在根組件監聽然后用$on $emit分發事件

根組件監聽并分發

window.addEventListener('popstate', () => {

this.$root.$emit('popstate')

})

各級子組件的任意位置監聽

this.$root.$on('popstate', () => {

})

反對回復 2019-04-14

慕虎7371278

TA貢獻1802條經驗獲得超4個贊

難了幾天的bug解決了，原因在與混合開發用到cordova原生的按鈕，導致在頁面觸發物理返回鍵的時候同時也觸發了原生的返回鍵，解決方法就是將原生的返回按鈕功能取消，有前端頁面進行物理返回鍵的事件綁定，因此觸發返回鍵的結果就恢復正常了。

document.addEventListener("backbutton", onBackKeyDown, false);

function onBackKeyDown() {

// Handle the back button

}

反對回復 2019-04-14

3 回答
0 關注
1066 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

vue單頁面應用混合開發手機app遇到的問題？

vue單頁面應用混合開發手機app遇到的問題？

3 回答

添加回答