路由跳转地址中只携带id值的跳转方式

路由中的配置：

{

    path: '/templateShare/:id',
    name: 'templateShare',
    component: () => import('@/views/Template/ShareTemplate.vue'),
    meta: {
      // 隐藏页头组件
      hiddenPageHeader: true
    }
  },

页面中：

   //直接打开分享链接
    openShareClick() {
      let id = encodeURIComponent(this.id)
      let newshareUrl=this.$router.resolve('/templateShare/'+id)
       //以新窗口打开
      window.open(newshareUrl.href, '_blank');

实现效果，跳转之后如下：

获取路由上id方式

this.$route.params.id