传参

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);
   });
}
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐