如下圖所示,由于代碼較多省略了其他router-link,to的路徑不只是根路徑,當(dāng)我點(diǎn)擊router-link的時(shí)候這里router-view并不會(huì)跳轉(zhuǎn)。這個(gè)footer是position:fixed的底部懸浮欄修改問題經(jīng)過我多次測試發(fā)現(xiàn)頁面中有個(gè)組件為了實(shí)現(xiàn)翻頁效果添加了mousedown和touchstart的阻止冒泡事件,那么其實(shí)頁面里的點(diǎn)擊事件都被他捕獲并且阻止冒泡了。該組件放置在一個(gè)高度和填滿瀏覽器的div容器中,而頂部導(dǎo)航欄和底部導(dǎo)航欄都是fixed在頁面里。那么在這種情況下如何保證這個(gè)footer能獲取到事件,并且翻頁組件依然阻止冒泡呢?頁面如圖所示下面的卡片式翻頁組件是必須的,那么如何不讓底部的導(dǎo)航欄的點(diǎn)擊事件被他捕捉阻止冒泡呢?
vue-router的rounter-link的點(diǎn)擊事件被其他組件阻止冒泡,該如何處理?
慕尼黑5688855
2018-12-19 15:20:23