欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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)文章

最新評論