快捷導(dǎo)航

vue3 setup點擊跳轉(zhuǎn)頁面的實現(xiàn)示例

更新時間：2023年10月26日 10:07:36 作者：ZYJ~

本文主要介紹了vue3 setup點擊跳轉(zhuǎn)頁面的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

1、push跳轉(zhuǎn)

1.1、params傳參，動態(tài)傳參，數(shù)據(jù)會顯示在地址欄中，且刷新頁面不會消失

router.push({
    name: "MarineSpecialAddOrUpdate", //跳轉(zhuǎn)的組件名字
    params: { //參數(shù)
      id: id,
      activeNames: "composition"
    }
  })

1.2、query傳參，傳遞的參數(shù)會顯示在地址欄中

router.push({
    path: "/business/marineSpecialAddOrUpdate",//跳轉(zhuǎn)的路徑
    query: { //參數(shù)
      id: id,
      activeNames: "composition"
    }
  })

2、點擊跳轉(zhuǎn)后打開一個新窗口

  const {href} =  router.resolve({
    name:'MarineSpecialAddOrUpdate',//跳轉(zhuǎn)的組件名字
    params: {
      id: id,
    },
  });
  window.open(href, "_blank");

  const {href} =  router.resolve({
    path:'/business/MarineSpecialAddOrUpdate',//跳轉(zhuǎn)路徑
    query: {
      id: id,
    },
  });
  window.open(href, "_blank");

到此這篇關(guān)于vue3 setup點擊跳轉(zhuǎn)頁面的實現(xiàn)示例的文章就介紹到這了,更多相關(guān)vue3 setup點擊跳轉(zhuǎn)頁面內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

vue管理系統(tǒng)項目中的一些核心技能匯總
Vue是當(dāng)今增長最快的前端框架,Vue 平易近人、用途廣泛且性能卓越,它的語法非常直觀,并且具有友好的學(xué)習(xí)曲線,是開發(fā)人員最想學(xué)習(xí)的頂級前端庫之一,下面這篇文章主要給大家介紹了關(guān)于vue管理系統(tǒng)項目中的一些核心技能,需要的朋友可以參考下
2022-05-05
頁面刷新后Vuex狀態(tài)丟失的完整解決方案
當(dāng)頁面刷新時,Vuex?的?state?數(shù)據(jù)會丟失,這是因為?Vuex?的狀態(tài)存儲在內(nèi)存中,刷新瀏覽器會重置?JavaScript?的運(yùn)行環(huán)境,下面我將詳細(xì)介紹幾種解決方案,從簡單到復(fù)雜,幫助你根據(jù)項目需求選擇最適合的方法,需要的朋友可以參考下
2025-04-04
利用vue3編寫一個有趣的牛馬時鐘并集成到小程序
這篇文章主要為大家詳細(xì)介紹了如何利用vue3編寫一個有趣的牛馬時鐘并集成到小程序,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以了解下
2025-07-07
vue項目中使用mqtt通信的方法完整示例
在Vue中,組件之間的通信是非常重要的,這篇文章主要介紹了vue項目中使用mqtt通信的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下
2026-02-02
Vue render渲染時間戳轉(zhuǎn)時間,時間轉(zhuǎn)時間戳及渲染進(jìn)度條效果
這篇文章主要介紹了Vue render渲染時間戳轉(zhuǎn)時間,時間轉(zhuǎn)時間戳及渲染進(jìn)度條效果,通過實例代碼相結(jié)合的形式給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下
2018-07-07
詳解vue與后端數(shù)據(jù)交互(ajax)：vue-resource
本篇文章主要介紹了詳解vue與后端數(shù)據(jù)交互(ajax)：vue-resource，具有一定的參考價值，感興趣的小伙伴們可以參考一下。
2017-03-03
vue 修改vant自帶的樣式過程
這篇文章主要介紹了vue 修改vant自帶的樣式過程，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-04-04
vue中設(shè)置height:100%無效的問題及解決方法
這篇文章主要介紹了vue中設(shè)置height 100%無效的問題及解決方法，需要的朋友可以參考下
2018-07-07
vue簡單實現(xiàn)購物車結(jié)算功能
這篇文章主要為大家詳細(xì)介紹了vue簡單實現(xiàn)購物車結(jié)算功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-04-04
Vue中一個組件調(diào)用其他組件的方法詳解(非父子組件)
vue中最常見子父組件產(chǎn)值,大家一定都很熟悉,最近項目中碰到非父組件中調(diào)用子組件方法的問題,這篇文章主要給大家介紹了關(guān)于Vue中一個組件調(diào)用其他組件的方法(非父子組件),需要的朋友可以參考下
2022-10-10