vue element-ui 页面跳转传参

第一种方式

 1.跳转按钮  router-link

 <router-link :to="{path:'router中配置的页面路径',query:{参数名: 参数值 }}">
          <el-button size="mini">跳转按钮</el-button>
</router-link>

按钮跳转 通过按钮调用方法，执行下面内容，进行跳转页面

this.$router.push({path:'router中配置的页面路径',query:{参数名: 参数值}});

 

 router中配置的页面路径信息如下：  path: /activity/activity   (path+children.path)   

    {
      path: '/activity',
      component: Layout,
      redirect: '/activity/activity',
      name:"activity",
      hidden: true,
      children: [{
        path: 'activity',
        name: '活动',
        component: () => import('@/views/activity/Activity'),
        meta: { title: '活动', icon: 'menu' }
      }]
    },

2.跳转页面接收参数

在vue的created方法里通过this.$route.query 获取参数

 created() {
    var query = this.$route.query;
    console.log(query);
    if (query) {
      var 参数 = query.参数名;
           
    }
  }