成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置:首頁技術(shù)文章
文章詳情頁

vue在App.vue文件中監(jiān)聽路由變化刷新頁面操作

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

在路由跳轉(zhuǎn)時,會出現(xiàn)頁面需要重新刷新一遍才能獲取數(shù)據(jù)加載頁面,這時添加一個監(jiān)聽器,如果跳轉(zhuǎn)到頁面刷新一次。

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

補(bǔ)充知識:vue監(jiān)聽路由的改變和監(jiān)聽頁面的刷新與離開

要分清兩者的區(qū)別。

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

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

在script中直接增加監(jiān)聽器監(jiān)視beforeunload:

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

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

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

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

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

但是注意這個只能監(jiān)聽自己子路由的變化!

watch: { // 如果路由有變化,會再次執(zhí)行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文件中監(jiān)聽路由變化刷新頁面操作就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持好吧啦網(wǎng)。

標(biāo)簽: Vue
相關(guān)文章:
成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久
岛国一区二区三区| 在线不卡的av| 久久久水蜜桃av免费网站| 欧美另类一区二区三区| 香蕉成人伊视频在线观看| 国产精品久久久对白| 国产精品国产三级国产普通话蜜臀| 成人sese在线| 精品美女一区二区| 成人做爰69片免费看网站| 91精品在线观看入口| 国产一区二区三区在线观看免费| 色婷婷综合久久久中文字幕| 日韩国产成人精品| 久久中文在线| 日韩精品视频网站| 亚欧成人精品| 性做久久久久久免费观看| 国产日韩一区二区三区在线播放| 亚洲视频一二三| 亚洲欧洲精品一区二区| 18涩涩午夜精品.www| 亚洲欧洲在线一区| 亚洲国产欧美在线| 91久久精品午夜一区二区| 麻豆freexxxx性91精品| 欧美日韩精品系列| 成人一区二区三区视频在线观看| 精品免费视频一区二区| 99视频精品在线| 欧美极品少妇xxxxⅹ高跟鞋| 欧美三级不卡| 亚洲激情图片qvod| 免费在线一区二区| 男男视频亚洲欧美| 欧美日韩一区不卡| 国产成人免费在线| 久久亚洲精精品中文字幕早川悠里| 91视频com| 中文字幕在线一区免费| 伊人久久av导航| 亚洲欧美日韩一区二区| 男女av一区三区二区色多| 日韩国产精品大片| 69成人精品免费视频| 懂色av一区二区三区免费观看| 精品国产露脸精彩对白| 91在线你懂得| 国产精品对白交换视频| 99精品国产福利在线观看免费| 日韩精品一二区| 欧美一区二区大片| 欧美日韩在线观看一区二区三区| 亚洲视频 欧洲视频| 久久久久久一区| 国产馆精品极品| 久久久综合九色合综国产精品| 一区免费视频| 午夜婷婷国产麻豆精品| 欧美在线观看一二区| 成人a免费在线看| 自拍偷拍国产亚洲| 久久青草久久| 国产成人在线观看免费网站| 国产欧美精品国产国产专区| 免费久久99精品国产自在现线| 国产乱码精品一区二区三区五月婷| 国产日韩v精品一区二区| 国产大陆亚洲精品国产| 国产精品素人视频| 日本韩国一区二区| 99精品1区2区| 五月天亚洲婷婷| 精品欧美久久久| 国产亚洲精品久久飘花| 韩国女主播一区二区三区| 日本一区二区视频在线| 久久精品人人做人人爽电影蜜月| 国内精品免费在线观看| 国产欧美一区二区三区鸳鸯浴| 国产亚洲自拍一区| 色婷婷综合久久久久中文| av不卡免费在线观看| 亚洲中国最大av网站| 日韩限制级电影在线观看| 黄色一区二区三区四区| 久久精品国产免费看久久精品| 久久婷婷久久一区二区三区| 亚洲免费综合| 成人免费视频视频在线观看免费| 一区二区在线看| 欧美一二三区在线| 国产欧美一级| 高清久久久久久| 一区二区三区中文免费| 337p亚洲精品色噜噜噜| 99精品视频免费观看视频| 国产99久久久精品| 亚洲午夜视频在线观看| 欧美xxxx老人做受| 久久久久欧美精品| 欧美激情视频一区二区三区免费| 奇米888四色在线精品| 国产精品毛片久久久久久久| 欧美日韩国产不卡| 日韩视频在线观看国产| 成人免费视频免费观看| 亚洲va欧美va天堂v国产综合| 日韩免费在线观看| 久久免费高清| 黄色工厂这里只有精品| 国产成人av在线影院| 亚洲国产另类av| 亚洲国产精品av| 宅男在线国产精品| 裸体一区二区| 国产精品久久7| 国产成人在线观看| 日本欧洲一区二区| 亚洲精品ww久久久久久p站| 欧美大黄免费观看| 久久中文欧美| 亚洲欧洲日韩综合二区| 国产精品一区二区久激情瑜伽| 亚洲成人免费影院| 国产精品国产三级国产三级人妇| 精品久久久三级丝袜| 欧美日韩一区中文字幕| 老鸭窝亚洲一区二区三区| 在线观看欧美亚洲| 欧美激情麻豆| eeuss鲁片一区二区三区在线观看| 韩国精品在线观看| 蜜桃精品视频在线观看| 亚洲主播在线观看| 亚洲色图欧美在线| 国产精品女同一区二区三区| 久久综合九色综合欧美98| 91精选在线观看| 欧美视频你懂的| 久久狠狠婷婷| 一本久道久久久| 国产一区二区三区自拍| 99re视频精品| 99精品视频在线观看免费| 国产成人在线色| 国产精品白丝jk白祙喷水网站| 久久超碰97中文字幕| 天天射综合影视| 日日夜夜一区二区| 亚洲国产精品久久艾草纯爱| 一区二区三区在线免费播放| 亚洲欧洲日产国产综合网| 国产女同性恋一区二区| 精品国内二区三区| 日韩欧美一二三四区| 日韩一二三区视频| 欧美一区二区三区在线观看视频| 欧美日韩高清影院| 欧美日韩一区二区三区高清| 欧美性大战久久久| 欧美专区日韩专区| 在线看一区二区| 欧美亚洲综合色| 欧美日韩一区二区电影| 欧美日韩国产一级| 宅男噜噜噜66一区二区66| 在线播放中文字幕一区| 51精品秘密在线观看| 欧美美女直播网站| 欧美精品日日鲁夜夜添| 91精品一区二区三区久久久久久 | 欧美一区二区三区四区五区| 欧美日韩1区2区| 91精品国产综合久久久久久漫画| 欧美一区二区三区婷婷月色| 日韩你懂的电影在线观看| 日韩美女一区二区三区| 精品福利一二区| 久久精品夜色噜噜亚洲a∨| 欧美经典三级视频一区二区三区| 国产精品久久久久久久浪潮网站| 国产欧美精品一区二区色综合 | 一个色妞综合视频在线观看| 亚洲国产乱码最新视频| 午夜精品免费在线观看| 日本不卡123| 国产一区二区三区免费播放| 丁香婷婷深情五月亚洲| 欧美高清一区| 国产区二精品视| 色综合 综合色| 欧美无砖专区一中文字| 欧美一级欧美三级在线观看| 久久婷婷成人综合色| 欧美国产欧美综合| 伊人一区二区三区| 日本美女一区二区三区| 国产精品1区二区.| 欧美精品午夜|