色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

您的位置:首頁技術文章
文章詳情頁

vue在App.vue文件中監聽路由變化刷新頁面操作

瀏覽:108日期:2022-12-07 09:56:09

在路由跳轉時,會出現頁面需要重新刷新一遍才能獲取數據加載頁面,這時添加一個監聽器,如果跳轉到頁面刷新一次。

export default { name: ’App’, provide(){ return{ reload:this.reload } }, data(){ return { isRouterAlive:true, } }, //監聽器 watch: { // 方法1 ’$route’ (to, from) { //監聽路由是否變化 // console.log(999) if(to.path == '/'){ //跳轉到哪個頁面 location.reload() } }, }, methods:{ reload(){ this.isRouterAlive = false; this.$nextTick(function () { this.isRouterAlive = true }); }, },}

補充知識:vue監聽路由的改變和監聽頁面的刷新與離開

要分清兩者的區別。

首先是監聽頁面的刷新與離開,此時相當于直接在這個網頁中按了刷新,如果是webapp則是離開這個app而不是切換路由!

如果是用js的特性監測,則是不僅可以頁面的刷新與離開,還能切換路由。注意當keepalive時即使切換了路由也無效。

在script中直接增加監聽器監視beforeunload:

//監視如果頁面離開 created() { window.addEventListener(’beforeunload’, this.updateHandler) }, beforeDestroy() { this.finalItemDetail(); // 自己要進行的操作 }, destroyed() { window.removeEventListener(’beforeunload’, this.updateHandler) },

然后methods中添加finalItemDetail和updateHandler方法:

updateHandler() {this.finalItemDetail() }, finalItemDetail() {console.log(’刷新或關閉’); },

如果想監聽某個特定的頁面的離開,比如我現在在/index下,現在去了/index/001下面,就可以在watch中監聽路由的變化,前提是實用vue-router。

如果是簡單的判斷路由變化可以用注釋掉的,直接執行clear方法(自己定義在methods中)

但是注意這個只能監聽自己子路由的變化!

watch: { // 如果路由有變化,會再次執行clear方法 // '$route': 'clear', $route(to , from){console.log( to.path, from.path );this.clear(to.path); } },

然后我還額外做了個判斷:

clear(path) {if(path!='/item/item01/evaluate') console.log('從這個頁面離開了');this. active=0; },

以上這篇vue在App.vue文件中監聽路由變化刷新頁面操作就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持好吧啦網。

標簽: Vue
相關文章:
主站蜘蛛池模板: 成年午夜 | 免费观看毛片的网站 | 一级毛片不卡免费看老司机 | www操操操| 欧美一级久久久久久久久大 | 一级片免费在线 | 国产日韩在线播放 | 国产在线精品福利一区二区三区 | 一本色道久久99一综合 | 亚洲www| 看久久久久毛片婷婷色 | 亚洲韩国日本欧美一区二区三区 | 毛片国产 | 国产成综合 | 欧洲做人爱c欧美 | 亚洲一区中文字幕在线 | 男女猛烈无遮掩免费视频 | 久久久久久久国产视频 | 久久在线视频播放 | 成人区精品一区二区不卡亚洲 | 久草在线资源 | 男人桶女人暴爽的视频 | 久久久一区二区三区不卡 | 一级片网站在线观看 | 国产高清视频免费观看 | 亚洲天堂免费在线视频 | 亚洲精品久久99久久一区 | 国产成人啪精品视频免费软件 | 午夜成年 | 男人女人做刺激视频免费 | 黄色三级在线播放 | 欧美大片国产在线永久播放 | 4455永久在线毛片观看 | 欧美综合另类 | 国产女女视屏免费 | 亚洲男人天堂网站 | 色视频在线观看免费 | 亚洲国产精品久久人人爱 | 亚洲精品一区二区不卡 | 白白在线观看永久免费视频 | 国产在线观看91精品一区 |