亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

vue中如何獲取當(dāng)前路由name

 更新時(shí)間:2022年10月17日 10:22:50   作者:Sunny_lxm  
這篇文章主要介紹了vue中如何獲取當(dāng)前路由name,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

vue獲取當(dāng)前路由name

this.$route.name

問題背景

在當(dāng)前項(xiàng)目中,1處按鈕是公用按鈕,需求是在指定的頁面點(diǎn)擊“返回首頁”時(shí),獲取該指定頁面的name值

methods:{
 
back(){ 
     console.log(this.$route.name)
     this.$router.push({name:'memberCenterIndex'});
 }
}

打印一下可以看到當(dāng)前點(diǎn)擊的頁面name 值

想要path的話 this.$route.path 記過打印一下:/couponsActive。

vue路由中name的作用

可以使用nam進(jìn)行路由跳轉(zhuǎn)

如果不加name keep-alive 可能會(huì)產(chǎn)生一些未知的錯(cuò)誤

以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • vue 實(shí)現(xiàn)可拖曳的樹狀結(jié)構(gòu)圖

    vue 實(shí)現(xiàn)可拖曳的樹狀結(jié)構(gòu)圖

    這篇文章主要介紹了vue 實(shí)現(xiàn)可拖曳的樹狀結(jié)構(gòu)圖,幫助大家更好的理解和學(xué)習(xí)使用vue框架,感興趣的朋友可以了解下
    2021-04-04
  • vue3中的useAttrs和props的區(qū)別解析

    vue3中的useAttrs和props的區(qū)別解析

    在vue3中,?提供了一個(gè)?useAttrs?的方法它接收到的參數(shù)一?prop中可以接收到的數(shù)據(jù)是基本一樣的如果我們想自已寫一個(gè)組件,?把?elementPlus?中的期中一個(gè)組件封裝一下,這篇文章主要介紹了vue3中的useAttrs和props的區(qū)別,需要的朋友可以參考下
    2023-09-09
  • 詳解vue中async-await的使用誤區(qū)

    詳解vue中async-await的使用誤區(qū)

    這篇文章主要介紹了vue中async-await的使用誤區(qū),本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2018-12-12
  • Vue中使用Teleport的方法示例

    Vue中使用Teleport的方法示例

    這篇文章主要為大家介紹了Vue中使用Teleport的方法示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-08-08
  • Vue項(xiàng)目從webpack3.x升級(jí)webpack4不完全指南

    Vue項(xiàng)目從webpack3.x升級(jí)webpack4不完全指南

    前段時(shí)間,泡面將自己的一個(gè)Vue-cli構(gòu)建的前端框架從webpack3.x升級(jí)到了4.x版本,現(xiàn)在才拉出來記錄一下,已備忘之用,也和大家分享一下,需要的朋友可以參考下
    2019-04-04
  • vue使用jsencrypt實(shí)現(xiàn)rsa前端加密的操作代碼

    vue使用jsencrypt實(shí)現(xiàn)rsa前端加密的操作代碼

    這篇文章主要介紹了vue使用jsencrypt實(shí)現(xiàn)rsa前端加密,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2023-09-09
  • vue3清空reactive的四種方式

    vue3清空reactive的四種方式

    本文主要介紹了vue3清空reactive的四種方式,包含使用?Object.assign,使用?Object.keys?和?for...in?循環(huán),使用?delete?操作符和重新賦值4種,感興趣的可以了解一下
    2024-03-03
  • vue2之簡易的pc端短信驗(yàn)證碼的問題及處理方法

    vue2之簡易的pc端短信驗(yàn)證碼的問題及處理方法

    這篇文章主要介紹了vue2之簡易的pc端短信驗(yàn)證碼的問題,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2019-06-06
  • 最新評(píng)論