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

vue路由跳轉后,刷新指定頁面。

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

????????做項目遇到一個坑:A頁面帶參跳轉到B頁面,第二次跳轉時的參數(shù)與第一次時的參數(shù)不同,但是后臺查詢時還是使用的第一次的參數(shù)。需要手動刷新之后,才會使用第二次參數(shù)。

? ? ? ? 鑒于時間原因直接使用刷新頁面監(jiān)聽路由的方法。在準備跳轉的A頁面添加路由跳轉監(jiān)聽事件,達到每次A頁面跳轉B頁面時,B頁面都會再次重新加載頁面。

vue跳轉頁面并刷新,前端,javascript,開發(fā)語言,vue.js

????????添加完成后,A頁面跳轉B頁面,B頁面成功刷新。正當我高興的以為又解決了一個bug時,突然發(fā)現(xiàn)我從A頁面跳轉到C頁面時,C頁面竟然也在發(fā)生頁面刷新現(xiàn)象。當時著實是將小主嚇了一大跳。要知道正是因為要填寫C頁面的數(shù)據(jù),才從A頁面跳轉到B頁面?,F(xiàn)在C頁面的數(shù)據(jù)填寫到一半,去A頁面查詢數(shù)據(jù)返回到C頁面,C頁面的數(shù)據(jù)一下子全給干沒了。那之后客戶使用后還不得把我的工資給干沒了。這種情況屬實不能發(fā)生,想想都有點可怕。

? ? ? ? 于是趕緊去找辦法,苦尋無果。想到 this.$router.go()是個方法,那我能不能看下this.$router里面都有什么屬性?果斷在B頁面打?。?/p>

window.console.log(this.$router)

vue跳轉頁面并刷新,前端,javascript,開發(fā)語言,vue.js

結果:

vue跳轉頁面并刷新,前端,javascript,開發(fā)語言,vue.js

?????????發(fā)現(xiàn)在history.current屬性下面正好有當前頁面的路徑、名字、請求參數(shù),有了這些就好辦了。于是就有了這個:

vue跳轉頁面并刷新,前端,javascript,開發(fā)語言,vue.js

????????還是在A頁面,原來的方法里面加個判斷條件。如果需要刷新的頁面標簽名/頁面路徑 正好等于路由獲取的頁面標簽名/頁面路徑。 那時才會發(fā)生跳轉。

? ? ? ? code完測試,beautiful?。?! 工資保住了,今天又是美好的一天。文章來源地址http://www.zghlxwxcb.cn/news/detail-520243.html

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

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

領支付寶紅包贊助服務器費用

相關文章

  • vue3在運行時路由可以正常跳轉,但是頁面空白,刷新頁面恢復正常[已解決]

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

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

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

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

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

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

    2024年04月28日
    瀏覽(90)
  • 「Vue|網(wǎng)頁開發(fā)|前端開發(fā)」02 從單頁面到多頁面網(wǎng)站:使用路由實現(xiàn)網(wǎng)站多個頁面的展示和跳轉

    「Vue|網(wǎng)頁開發(fā)|前端開發(fā)」02 從單頁面到多頁面網(wǎng)站:使用路由實現(xiàn)網(wǎng)站多個頁面的展示和跳轉

    本文主要介紹如何使用路由控制來實現(xiàn)將一個單頁面網(wǎng)站擴展成多頁面網(wǎng)站,包括頁面擴展的邏輯,vue的官方路由vue-router的基本用法以及擴展用法 「Vue|網(wǎng)頁開發(fā)|前端開發(fā)」01 快速入門:快速寫一個Vue的HelloWorld項目 我們在進行網(wǎng)站開發(fā)的時候,大多數(shù)都是需要有多個頁面

    2024年02月11日
    瀏覽(24)
  • 020:vue刷新跳轉當前頁面

    020:vue刷新跳轉當前頁面

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

    2024年02月09日
    瀏覽(23)
  • 【微信小程序】通過使用 wx.navigateTo方法進行頁面跳轉,跳轉后的頁面中通過一些方式回傳值給原頁面

    以下是幾種常見的回傳值的方式: 使用 wx.navigateTo 方法傳遞參數(shù): 在跳轉時,可以在目標頁面的 URL 中攜帶參數(shù),然后在目標頁面的 onLoad 方法中獲取參數(shù),并在目標頁面中進行處理。例如: 在目標頁面的 onLoad 方法中獲取參數(shù): 使用 wx.navigateBack 方法回傳值: 在目標頁面中

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

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

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

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

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

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

    2024年02月08日
    瀏覽(42)
  • Selenium頁面跳轉后的元素定位-switch_to.window()使用

    在使用Selenium獲取網(wǎng)頁數(shù)據(jù)時常常會因為頁面跳轉導致,后續(xù)的頁面數(shù)據(jù)無法正常獲取。究極原因,都是因為此時的頁面對象還是上一個頁面,使用當前頁面的定位條件當然會報錯(因為上一個頁面根本不存在這些定位條件)。因此我們可以通過switch_to.window()進行頁面的切換

    2023年04月09日
    瀏覽(20)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

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

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

二維碼1

領取紅包

二維碼2

領紅包