快捷導(dǎo)航

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

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

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

1、push跳轉(zhuǎn)

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

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

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

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

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

  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點(diǎn)擊跳轉(zhuǎn)頁(yè)面的實(shí)現(xiàn)示例的文章就介紹到這了,更多相關(guān)vue3 setup點(diǎn)擊跳轉(zhuǎn)頁(yè)面內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

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