av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

vue3頁面跳轉的兩種方式

瀏覽:154日期:2022-06-09 17:03:58
目錄
  • 1、標簽內 router-link跳轉
  • 2、編程式路由導航

vue3的頁面跳轉有兩種方式,第一種是標簽內跳轉,第二種是編程式路由導航

1、
<router-link to="/testDemo">
 <button>點擊跳轉1</button>
</router-link>
2、router.push("/testDemo");

1、標簽內 router-link跳轉

通常用于點擊 查看 按鈕,跳轉到其他頁面

// 1、不帶參數直接跳轉
<router-link to="/testDemo">
 <button>點擊跳轉1</button>
</router-link>
<router-link :to="{name:"testDemo"}"> 
<router-link :to="{path:"/testDemo"}"> //name,path都行, 建議用name 
// 2、帶參數跳轉
// (1)query參數
<router-link :to="{path:"testDemo",query:{id:001}}">
 <button>點擊跳轉2</button>
</router-link>
// 類似類似get,url后面會顯示參數
// 路由可不配置
// (2)params參數
<router-link :to="{name:"testDemo",params:{setid:002}}">
 <button>點擊跳轉3</button>
</router-link>
// 類似post
// 路由配置 path: "/home/:id" 或者 path: "/home:id"

2、編程式路由導航

import { useRouter } from "vue-router";
const router = useRouter();
//直接跳轉
const handleChange = () => {
  router.push("/testDemo");
};
 //帶參數跳轉
router.push({path:"/testDemo",query:{id:003}});
router.push({name:"testDemo",params:{id:004}});

到此這篇關于vue3頁面跳轉的文章就介紹到這了,更多相關vue3頁面跳轉內容請搜索以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持!

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 精品美女久久久久久免费 | 免费观看成人鲁鲁鲁鲁鲁视频 | 国产精品欧美一区二区三区不卡 | 亚洲一区二区在线视频 | 欧美一区二区黄 | 国产精产国品一二三产区视频 | 99精品久久久国产一区二区三 | 91人人爽 | 一级片av| 国产999精品久久久 午夜天堂精品久久久久 | 久久精品av麻豆的观看方式 | 综合久久久久 | 中文字幕精品一区二区三区精品 | 中文字幕亚洲欧美 | av免费成人| 国产美女黄色 | 亚洲成人自拍网 | 亚洲福利一区二区 | 成人午夜毛片 | 精品香蕉一区二区三区 | 一a一片一级一片啪啪 | 成人午夜视频在线观看 | 奇米超碰 | 日韩一区二区av | 国产高清在线精品 | 欧美性猛交一区二区三区精品 | 国产精品久久久久久影院8一贰佰 | 一区二区成人 | 久久大陆| 午夜影院视频在线观看 | 国产精品极品美女在线观看免费 | 日韩精品在线免费 | 玖玖国产| 中文字幕一级 | 一区二区三区欧美在线 | 亚洲日本一区二区三区四区 | 精品精品 | 久久精品久久久久久 | 午夜小视频在线播放 | 高清人人天天夜夜曰狠狠狠狠 | 国产精品精品久久久 |