国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

關(guān)于vue路由跳轉(zhuǎn)后的頁面不會刷新的解決辦法

這篇具有很好參考價值的文章主要介紹了關(guān)于vue路由跳轉(zhuǎn)后的頁面不會刷新的解決辦法。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

做uni項目的時候遇到的情況:1,父組件頁面刷新了之后 需要觸底加載的子組件能觸底加載,否則不能加載。2,子組件不能觸底加載,只需要刷新之后就能觸底加載。以上的刷新不包括下拉刷新。3. 可能因為包了一層tab頁導(dǎo)致跳轉(zhuǎn)進(jìn)頁面沒有請求數(shù)據(jù)的問題。

我的解決辦法是:

watch: {
   $route(to, from) {
       window.location.reload(); //監(jiān)測到路由發(fā)生跳轉(zhuǎn)時刷新一次頁面
   },
},

導(dǎo)致的問題是:跳轉(zhuǎn)過去的頁面會刷新一次,導(dǎo)致體驗不好,但是因為下拉刷新也沒辦法解決請求不到數(shù)據(jù)的情況,所以抖一下就抖一下吧(不是,只是我沒有更好的辦法了)

其他辦法:轉(zhuǎn)載https://www.jb51.net/article/216962.htm

1、使用activated:{}周期函數(shù)代替mounted:{}函數(shù)即可。

2、監(jiān)聽路由文章來源地址http://www.zghlxwxcb.cn/news/detail-514074.html

watch: {
    '$route' (to, from) {
    // 路由發(fā)生變化頁面刷新
    this.$router.go(0);
        }
},


// 該方法會多一次請求
watch: {
    '$route' (to, from) {
    // 在mounted函數(shù)執(zhí)行的方法,放到該處
    this.qBankId = globalVariable.questionBankId;
    this.qBankName = globalVariable.questionBankTitle;
    this.searchCharpter();
    }
},

Vue this.$router.push路由跳轉(zhuǎn),刷新參數(shù)消失

this.$router.push({name:"",params:{id:""}})

this.$router.push({path:"",query:{id:""}})

到了這里,關(guān)于關(guān)于vue路由跳轉(zhuǎn)后的頁面不會刷新的解決辦法的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進(jìn)行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • VUE路由跳轉(zhuǎn)并刷新頁面(框架層實現(xiàn))

    前言 ? ? ? ? 網(wǎng)上找了很多辦法,都需要開發(fā)者在頁面內(nèi)單獨實現(xiàn),或者是刷新整個瀏覽器,感覺并不是特別舒服。因此,我考慮可以在框架層去實現(xiàn)路由跳轉(zhuǎn)刷新。 ? ? ? ? 思路如下: ? ? ? ? ? ? ? ? 1、重定向至臨時界面(用戶無感知) ? ? ? ? ? ? ? ? 2、打開臨時

    2024年02月11日
    瀏覽(26)
  • vue通過router地址傳參跳轉(zhuǎn)同一路由頁面,頁面不刷新的解決辦法

    vue、 vue-router@4 記錄一下最近遇到的vue路由頁面間的跳轉(zhuǎn)的問題,其中就涉及到了不同路由的跳轉(zhuǎn)(/a/b1 = /a/b2)、相同路由不同參數(shù)間的跳轉(zhuǎn)(/a/b?c=1 = /a/b?c=2)、相同頁面錨點跳轉(zhuǎn)(/a/b#id1 =/a/b#id2) 原因:渲染的是同一組件 解決:可以在不刷新的頁面通過監(jiān)聽route,重新加載

    2024年02月04日
    瀏覽(22)
  • vue3在運行時路由可以正常跳轉(zhuǎn),但是頁面空白,刷新頁面恢復(fù)正常[已解決]

    vue3在運行時路由可以正常跳轉(zhuǎn),但是頁面空白,刷新頁面恢復(fù)正常,在網(wǎng)上尋找很久說是keepAlive的原因,后來看了看我的代碼~ 原來的代碼: 改后的代碼: 由此可見,根元素一定要由一個div去包裹??! template必須有且只能有一個div 在這樣才會正常顯示~ 原理: 這里我們要先

    2023年04月27日
    瀏覽(25)
  • Vue 解決route-link路由跳轉(zhuǎn)時頁面不刷新問題

    1.分析 在使用route-link跳轉(zhuǎn)路由時,每次跳轉(zhuǎn),頁面都不會刷新。是因為路由跳轉(zhuǎn)并非頁面刷新,而我們獲取數(shù)據(jù)的方法都是寫在created鉤子函數(shù)中,所以,created并不會每次都執(zhí)行,從而導(dǎo)致頁面數(shù)據(jù)沒有刷新。 2.解決方法 在router-view標(biāo)簽中加入:key=\\\"$route.fullPath\\\"即可

    2024年02月11日
    瀏覽(24)
  • vue-element-admin vue設(shè)置動態(tài)路由 刷新頁面后出現(xiàn)跳轉(zhuǎn)404頁面Bug 解決方法

    vue-element-admin vue設(shè)置動態(tài)路由 刷新頁面后出現(xiàn)跳轉(zhuǎn)404頁面Bug 解決方法

    做項目時遇到的這個bug,因為除了跳404之外也沒太大影響,之前就一直放著沒管,現(xiàn)在項目基本功能實現(xiàn)了,轉(zhuǎn)頭處理了一下,現(xiàn)在在這里記錄一下解決方法 這個bug的具體情況是:設(shè)置了動態(tài)路由之后,不同的用戶登錄之后顯示了不同的側(cè)邊欄,在側(cè)邊欄點擊菜單,渲染對應(yīng)

    2024年04月28日
    瀏覽(95)
  • 020:vue刷新跳轉(zhuǎn)當(dāng)前頁面

    020:vue刷新跳轉(zhuǎn)當(dāng)前頁面

    第020個 查看專欄目錄: VUE ------ element UI 在vue和element UI聯(lián)合技術(shù)棧的操控下,本專欄提供行之有效的源代碼示例和信息點介紹,做到靈活運用。 (1)提供vue2的一些基本操作:安裝、引用,模板使用,computed,watch,生命周期(beforeCreate,created,beforeMount,mounted, beforeUpdate,upda

    2024年02月09日
    瀏覽(24)
  • 解決vue3項目跳轉(zhuǎn)同一頁面數(shù)據(jù)不刷新的問題

    解決vue3項目跳轉(zhuǎn)同一頁面數(shù)據(jù)不刷新的問題

    ????????原因:router-view使用了keep-alive組件,會被緩存,而vue-router的切換不用于傳統(tǒng)的頁面切換。是路由之間的切換,組件之間的切換,引用相同組件的時候,會被直接調(diào)用緩存里面的而不會調(diào)用created(),onMoun ted()函數(shù)。 ? ? ? ? 如圖所示:要實現(xiàn)的功能是點擊每一個

    2024年02月11日
    瀏覽(23)
  • vue跳轉(zhuǎn)頁面后返回不刷新且記錄歷史滾動條停留位置 (實現(xiàn)了根據(jù)不同頁面來設(shè)置是否刷新記錄的功能)

    vue跳轉(zhuǎn)頁面后返回不刷新且記錄歷史滾動條停留位置 (實現(xiàn)了根據(jù)不同頁面來設(shè)置是否刷新記錄的功能)

    ? ? ? ? 1.在路由(router/index.js)中,對不刷新的頁面設(shè)置: ? ? ? ? 2.在app.vue中設(shè)置: 這時返回就不會觸發(fā)created和mounted ????????1.在data中定義 ????????2.掛載: 以上就實現(xiàn)了返回頁面后滾動條記憶的功能啦! 如果想實現(xiàn)分情況決定是否記憶滾動條以及刷新組件數(shù)據(jù)

    2024年02月08日
    瀏覽(45)
  • vue 動態(tài)路由刷新失效及404頁面處理

    在開發(fā)后臺管理項目,我們會使用vue動態(tài)路由做權(quán)限管理,但是使用vue動態(tài)路由時會遇到一些坑,這里總結(jié)一下,并提供解決思路 問題:刷新頁面時會把a(bǔ)ddRouter添加的動態(tài)路由刷新掉,因此瀏覽器找不到之前添加的路由,便會進(jìn)入白屏頁面或者404頁面 處理方式:判斷是否刷

    2024年02月12日
    瀏覽(29)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包