Vue

Vue router动态路由

联系站长 作者:web知道 来源:未知 2019-09-11 17:19 我要评论

Vue router动态路由...

一、
第一步,在路由加入需要传参的名称,例子如下:
             path: "tcp/manageGg/:id/:name",
             这个就是传了两个参数,如果要传一个就/:属性名

第二步,在跳转页面拼接参数,如
             this.$router.push("/prs/tcp/manageGg/" + row.id + '/' + row.talentCompanyFullName)



第三步,在进入页面时接收         
  created() {
        this.pageId = this.$route.params.id;
        this.CompanyFullName = this.$route.params.name;
        this.init();
  }




二、
第一步,传参

       this.$router.push({
          name: 'Describe',
          params: {
            id: id
          }
        })

第二步、路由    对应路由配置: 这里可以添加:/id 也可以不添加,不添加数据会在url后面显示,不添加数据就不会显示

 {
     path: '/describe',
     name: 'Describe',
     component: Describe
   }

第二步,获取方式
   this.$route.params.id;



三、
第一步,传参

  this.$router.push({
          path: '/describe',
          query: {
            id: id
          }
        })

第二步,路由配置

   {
     path: '/describe',
     name: 'Describe',
     component: Describe
   }

第三步,获取方式
this.$route.query.id

 

 




本文如有侵犯版权请联系站长删除。

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评