关于路由传参，取不到值的问题

最新推荐文章于 2024-09-06 09:41:44 发布

多秋浮沉度华年

最新推荐文章于 2024-09-06 09:41:44 发布

阅读量1.2k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/webshao/article/details/103312348

版权

js 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

我首先在页面有一个查看功能，需要传coreId和hrId
在这里插入图片描述
然后从页面获取数据传到查看页面

         <a @click="openDtl(row.hrId,row.coreId)">查看</a>

再到将两个参数通过params传值

    openDtl(id,coreId) {
      console.log(coreId)
      this.$router.push({
        name: "personaldtls",
        params: {
          id: id,
          coreId:coreId
        }
      });

再到查看页面进行接受

  import { Modal, Message } from "iview";
export default {
  data() {
    return {
      id: this.$route.params.id,
      coreId:this.$route.params.coreId,
      gwShow: false,
      daShow: false,
      gwyShow: false,

但是问题是我按F5页面刷新的时候之渠道其中的hrId，没获取到coreId，
最后实在router里面将coreId拼接到path里面

        {
          path: 'personaldtls/:id/:coreId',
          name: 'personaldtls',
          meta: {
            hideInMenu: true,
            icon: 'ios-cube',
            title: '人员详情',
            access: ["Administrator", "XZHRAdmin", "WSHRAdmin"]
          },
          component: () => import('@/view/personalInfoManage/dtls.vue')
        }
      ]

最终页面上是可以看到传来的值
在这里插入图片描述
这样就保重刷新也是可以去到值的