vue3路由传参

最新推荐文章于 2024-05-08 16:13:18 发布

小了黑了兔~

最新推荐文章于 2024-05-08 16:13:18 发布

阅读量882

点赞数

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/weixin_50041614/article/details/126778194

版权

传参

import { useRouter } from 'vue-router';
setup() {
	//实例化路由
   	const router = useRouter();
   	function changeRoute(id: string) {
        //路由跳转带参数
        router.push({
          path: '/tenantLease/add',
          query: {
            id: id,
          },
        });
   }
}

接收参数值

import { nMounted } from 'vue';
import { useRoute } from 'vue-router';
setup() {
	const Route = useRoute(); //获取到值
	onMounted(() => {
       console.log("获取到的参数", Route.query.id);
   });
}