关于vue3的组件间的路由传参

最新推荐文章于 2024-04-27 09:13:51 发布

进阶的CC

最新推荐文章于 2024-04-27 09:13:51 发布

阅读量72

点赞数 1

文章标签： java 前端服务器

本文链接：https://blog.csdn.net/qq_57676486/article/details/137262137

版权

a页面

import router from "@/router"
...
<router-link
                    :to="{
                      name: 'placmsg',
                      query: { id: item.id },
                    }"
                  > 
                <p>{{ item.title }}</p>
               </router-link>

b页面

import { useRoute } from "vue-router";
const route = useRoute();
...
onMounted(() => {
  console.log(route.query.id + "猜猜我是谁");
  getCareerContent(route.query.id);
});