使用vue怎么返回瀏覽器監(jiān)聽(tīng)？針對(duì)這個(gè)問(wèn)題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。

創(chuàng)新互聯(lián)建站長(zhǎng)期為成百上千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開(kāi)放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為惠山企業(yè)提供專(zhuān)業(yè)的成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)，惠山網(wǎng)站改版等技術(shù)服務(wù)。擁有10年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開(kāi)發(fā)。

具體步驟如下：

1、掛載完成后，判斷瀏覽器是否支持popstate

mounted(){
 if (window.history && window.history.pushState) {
 history.pushState(null, null, document.URL);
 window.addEventListener('popstate', this.goBack, false);
 }
},

2、頁(yè)面銷(xiāo)毀時(shí)，取消監(jiān)聽(tīng)。否則其他vue路由頁(yè)面也會(huì)被監(jiān)聽(tīng)

destroyed(){
 window.removeEventListener('popstate', this.goBack, false);
},

3、將監(jiān)聽(tīng)操作寫(xiě)在methods里面，removeEventListener取消監(jiān)聽(tīng)內(nèi)容必須跟開(kāi)啟監(jiān)聽(tīng)保持一致，所以函數(shù)拿到methods里面寫(xiě)

methods:{
 goBack(){
 this.$router.replace({path: '/'});
 //replace替換原路由，作用是避免回退死循環(huán)
 }
}

附：popstate用來(lái)做什么的？

popstate的怎么用？

HTML5的新API擴(kuò)展了window.history，使歷史記錄點(diǎn)更加開(kāi)放了。可以存儲(chǔ)當(dāng)前歷史記錄點(diǎn)pushState、替換當(dāng)前歷史記錄點(diǎn)replaceState、監(jiān)聽(tīng)歷史記錄點(diǎn)popstate。

pushState、replaceState兩者用法差不多。

使用方法：

history.pushState(data,title,url);
//其中第一個(gè)參數(shù)data是給state的值；第二個(gè)參數(shù)title為頁(yè)面的標(biāo)題，但當(dāng)前所有瀏覽器都忽略這個(gè)參數(shù)，傳個(gè)空字符串就好；第三個(gè)參數(shù)url是你想要去的鏈接；

replaceState用法類(lèi)似，例如：history.replaceState("首頁(yè)","",location.href+ "#news");

關(guān)于使用vue怎么返回瀏覽器監(jiān)聽(tīng)問(wèn)題的解答就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，如果你還有很多疑惑沒(méi)有解開(kāi)，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識(shí)。

網(wǎng)站欄目：使用vue怎么返回瀏覽器監(jiān)聽(tīng)-創(chuàng)新互聯(lián)
文章出自：http://www.chinadenli.net/article0/dcdjio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)、動(dòng)態(tài)網(wǎng)站、Google、自適應(yīng)網(wǎng)站、網(wǎng)站制作、網(wǎng)站導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)