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

我首先在页面有一个查看功能，需要传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')
        }
      ]

最终页面上是可以看到传来的值

这样就保重刷新也是可以去到值的