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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue-router的rounter-link的點擊事件被其他組件阻止冒泡,該如何處理?

vue-router的rounter-link的點擊事件被其他組件阻止冒泡,該如何處理?

DIEA 2018-12-17 09:34:28
如下圖所示,由于代碼較多省略了其他router-link,to的路徑不只是根路徑,當我點擊router-link的時候這里router-view并不會跳轉。這個footer是position:fixed的底部懸浮欄修改問題經過我多次測試發現頁面中有個組件為了實現翻頁效果添加了mousedown和touchstart的阻止冒泡事件,那么其實頁面里的點擊事件都被他捕獲并且阻止冒泡了。該組件放置在一個高度和填滿瀏覽器的div容器中,而頂部導航欄和底部導航欄都是fixed在頁面里。那么在這種情況下如何保證這個footer能獲取到事件,并且翻頁組件依然阻止冒泡呢?頁面如圖所示下面的卡片式翻頁組件是必須的,那么如何不讓底部的導航欄的點擊事件被他捕捉阻止冒泡呢?
查看完整描述

1 回答

?
MM們

TA貢獻1886條經驗 獲得超2個贊

發現問題所在,touchstart事件被其他組件捕獲和阻止冒泡事件。修改了事件捕獲就好了

查看完整回答
反對 回復 2018-12-17
  • 1 回答
  • 0 關注
  • 1888 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號