Vue3如何獲取來源路由
更新時間:2024年07月02日 11:08:47 作者:gaolei_eit
這篇文章主要介紹了Vue3如何獲取來源路由問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
Vue3獲取來源路由
//路由 兩個必須是同級路由 { path: "/room", name: "Room", component: () => import("@/views/Room/index.vue"), meta: { title: "房間" }, beforeEnter: (to, from, next) => { const name = from.name as string; if (["RoomHistory", "Room"].includes(name)) { to.params.from = "RoomHistory"; } else { to.params.from = "other"; } next(); } }, //頁面 console.log(route.params.from, "route.params.from");
Vue3獲取當前路由參數(shù)
<script> import {useRouter, useRoute} from 'vue-router' export default { setup(){ // 獲取路由器實例 const router = useRouter() //使用 //router.push..... 等等方法 // route響應式對象,監(jiān)控變化,傳值 const route = useRoute //獲取 處理route.query 等等 } } </script>
Vue3獲取所有路由
import { useRouter, useRoute } from 'vue-router'; const router = useRouter(); console.log(router.getRoutes());
總結(jié)
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
VScode中配置ESlint+Prettier詳細步驟(附圖文介紹)
這篇文章主要介紹了VScode中配置ESlint+Prettier詳細步驟,文中通過代碼示例講解的非常詳細,對大家的學習或工作有一定的幫助,需要的朋友可以參考下2024-12-12vue.js內(nèi)置組件之keep-alive組件使用
keep-alive是Vue.js的一個內(nèi)置組件。這篇文章主要介紹了vue.js內(nèi)置組件之keep-alive組件使用,需要的朋友可以參考下2018-07-07Vue $emit $refs子父組件間方法的調(diào)用實例
今天小編就為大家分享一篇Vue $emit $refs子父組件間方法的調(diào)用實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09reactive readonly嵌套對象轉(zhuǎn)換功能實現(xiàn)詳解
這篇文章主要為大家介紹了reactive readonly嵌套對象轉(zhuǎn)換功能實現(xiàn)詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-12-12vue+echarts實現(xiàn)中國地圖流動效果(步驟詳解)
這篇文章主要介紹了vue+echarts實現(xiàn)中國地圖流動效果(步驟詳解),本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2021-01-01