vue路由传参的三种基本方式

方式一:

  路由配置:

   {
     path: '/describe/:id',
     name: 'Describe',
     component: Describe
   }
 传递方法:
 getDescribe(id) {
//   直接调用$router.push 实现携带参数的跳转
        this.$router.push({
          path: `/describe/${id}`,
        })
获取方法:
  this.$route.params.id

方法二:
  路由配置:
  {
     path: '/describe',
     name: 'Describe',
     component: Describe
   }
  传递方法:
   this.$router.push({
          name: 'Describe',
          params: {
            id: id
          }
        })
  获取方法:
    this.$route.params.id
 
方法三:
  路由配置:
  {
     path: '/describe',
     name: 'Describe',
     component: Describe
   }
  传递方法:
    this.$router.push({
          path: '/describe',
          query: {
            id: id
          }
        })

  获取方法:
    this.$route.query.id
 
 
上一篇:vue项目单元测试编写-mocha(三)


下一篇:R语言实战-统计分析基础-描述性统计4-psych-describe