路由跳转和传参(vue3)_vue3路由传参-CSDN博客

 注意：

 

import {useRouter} from "vue-router"

const router=useRouter()

1.查询字符串传参，传一个对象，对象里面可以写path字段

router.push(
    {
        path:'/item',
        query:{id:1}
    }
)

通过当前路由拿到查询字符串传递过来的参数

        import { useRoute } from 'vue-router';
		const route = useRoute();
		console.log(route.query.id);

2.params传参，传一个对象，注意：对象里面不能写path字段了，只能写name字段

const router = useRouter();

router.push(
    {
		name:'item',
		params:{id:1}
	}
)

通过当前路由拿到params传递过来的参数

import { useRoute } from 'vue-router';

const route = useRoute();

console.log(route.params.id);

 在router.js文件中

 菜单的内容的二级内容，这个内容不会出现在侧边栏中