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

Vue 解決route-link路由跳轉(zhuǎn)時(shí)頁面不刷新問題

這篇具有很好參考價(jià)值的文章主要介紹了Vue 解決route-link路由跳轉(zhuǎn)時(shí)頁面不刷新問題。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

Vue 解決route-link路由跳轉(zhuǎn)時(shí)頁面不刷新問題

1.分析

在使用route-link跳轉(zhuǎn)路由時(shí),每次跳轉(zhuǎn),頁面都不會(huì)刷新。是因?yàn)槁酚商D(zhuǎn)并非頁面刷新,而我們獲取數(shù)據(jù)的方法都是寫在created鉤子函數(shù)中,所以,created并不會(huì)每次都執(zhí)行,從而導(dǎo)致頁面數(shù)據(jù)沒有刷新。

2.解決方法

<keep-alive>
        <router-view :key="$route.fullPath"></router-view>
 </keep-alive>

在router-view標(biāo)簽中加入:key="$route.fullPath"即可文章來源地址http://www.zghlxwxcb.cn/news/detail-509720.html

到了這里,關(guān)于Vue 解決route-link路由跳轉(zhuǎn)時(shí)頁面不刷新問題的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

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

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

相關(guān)文章

  • vue3在運(yùn)行時(shí)路由可以正常跳轉(zhuǎn),但是頁面空白,刷新頁面恢復(fù)正常[已解決]

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

    2023年04月27日
    瀏覽(25)
  • vue-element-admin vue設(shè)置動(dòng)態(tài)路由 刷新頁面后出現(xiàn)跳轉(zhuǎn)404頁面Bug 解決方法

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

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

    2024年04月28日
    瀏覽(95)
  • 微信小程序頁面跳轉(zhuǎn)時(shí)URL獲取不到參數(shù)

    原因: 在跳轉(zhuǎn)的url參數(shù)中添加了包含特殊字符?的情況下 ,會(huì)出現(xiàn)參數(shù)丟失的情況 1.最近在小程序開發(fā)過程中,發(fā)現(xiàn)之前可用的某個(gè)功能字段展示為了undefined,后來查看參數(shù)發(fā)現(xiàn) 頁面跳轉(zhuǎn)時(shí)參數(shù)丟失了 導(dǎo)致的 此時(shí)獲取到的參數(shù)都是正常的,在上線一段時(shí)間后,其它同學(xué)在 圖

    2024年02月11日
    瀏覽(21)
  • 微信小程序中使用wx.navigateTo跳轉(zhuǎn)時(shí)頁面出現(xiàn)空白

    微信小程序中使用wx.navigateTo跳轉(zhuǎn)時(shí)頁面出現(xiàn)空白

    在微信小程序中當(dāng)觸發(fā)點(diǎn)擊事件后跳轉(zhuǎn)的頁面時(shí),跳轉(zhuǎn)的頁面出現(xiàn)空白,控制臺(tái)報(bào)Page \\\"pages/outline-xi/outline-xi\\\" has not been registered yet.可能是因?yàn)槭褂昧藅abbar時(shí)導(dǎo)致的app.json沒有使頁面初始化,需要把不是tabbar的頁面調(diào)在前面就能解決問題。 ?

    2024年02月16日
    瀏覽(22)
  • uniapp在不同頁面間跳轉(zhuǎn)時(shí)使用$emit和$on傳值無效問題(記錄坑)

    uniapp在不同頁面間跳轉(zhuǎn)時(shí)使用$emit和$on傳值無效問題(記錄坑)

    一、需求是這樣的: 現(xiàn)在需要點(diǎn)擊首頁循環(huán)出來的列表中其中一項(xiàng),點(diǎn)擊后我們要讓他帶著參數(shù)跳轉(zhuǎn)到另外一個(gè)頁面。因?yàn)榱斜碇械臄?shù)據(jù)都是用v-for循環(huán)出來的,所以點(diǎn)擊每項(xiàng)傳遞的參數(shù)都是不同的。 此時(shí)假設(shè)我們用到的頁面跳轉(zhuǎn)方式是uni.navigateTo,如果要帶參數(shù)跳轉(zhuǎn),那么

    2024年02月14日
    瀏覽(16)
  • vue2路由跳轉(zhuǎn)頁面

    vue2路由跳轉(zhuǎn)頁面

    前端工作筆記之---頁面路由跳轉(zhuǎn)vue2 前言 1.安裝vue-router 2.配置路由 在src文件夾下創(chuàng)建router文件夾,然后在router文件夾下創(chuàng)建index.js文件,如下圖 在index.js文件夾中進(jìn)行配置 ?在src文件夾下創(chuàng)建view文件夾,在里邊放路由文件,如下圖 ?在main.js文件中注冊路由 接下來就是使用啦

    2024年02月06日
    瀏覽(21)
  • vue路由跳轉(zhuǎn)后,刷新指定頁面。

    vue路由跳轉(zhuǎn)后,刷新指定頁面。

    ????????做項(xiàng)目遇到一個(gè)坑:A頁面帶參跳轉(zhuǎn)到B頁面,第二次跳轉(zhuǎn)時(shí)的參數(shù)與第一次時(shí)的參數(shù)不同,但是后臺(tái)查詢時(shí)還是使用的第一次的參數(shù)。需要手動(dòng)刷新之后,才會(huì)使用第二次參數(shù)。 ? ? ? ? 鑒于時(shí)間原因直接使用刷新頁面監(jiān)聽路由的方法。在準(zhǔn)備跳轉(zhuǎn)的A頁面添加路

    2024年02月12日
    瀏覽(34)
  • Vue路由跳轉(zhuǎn)傳參或打開新頁面跳轉(zhuǎn)

    Vue路由跳轉(zhuǎn)傳參或打開新頁面跳轉(zhuǎn)

    1. 通過路由中的name屬性? 使用 params 傳遞參數(shù), 使用 this.$route.params 獲取參數(shù) 這種方式傳遞相當(dāng)于 post 請(qǐng)求, 傳遞的數(shù)據(jù)不會(huì)顯示在 url 地址欄,但是頁面刷新,參數(shù)會(huì)丟失 1 2 3 4 5 6 7 8 9 // 傳遞參數(shù) this .$router.push({ ???? name: \\\"首頁\\\" , ???? params: { ???????? code: 1 ???? } })

    2024年02月07日
    瀏覽(21)
  • vue單頁面實(shí)現(xiàn)路由跳轉(zhuǎn)后保留原頁面數(shù)據(jù)

    有時(shí)候在路由跳轉(zhuǎn)后,返回原頁面時(shí)需要保留之前的數(shù)據(jù),即不銷毀頁面。 頁面的緩存,需要用到vue的內(nèi)置組件keep-alive,來緩存列表頁面,同時(shí)配合路由選項(xiàng)來更改頁面的數(shù)據(jù)。 在設(shè)置keep-alive緩存的組件中,首次進(jìn)入組件,會(huì)一次調(diào)用組件的鉤子函數(shù):created -- mounted --ac

    2024年02月15日
    瀏覽(22)
  • VUE路由跳轉(zhuǎn)并刷新頁面(框架層實(shí)現(xiàn))

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

    2024年02月11日
    瀏覽(26)

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

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

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

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包