vue路由跳转传参的两种方法

 

路由跳转：

this.$router.push({
    name: '工单列表',
    params: {p_camera_dev_name: 'xxx'}
});

 

使二级菜单呈点击状态：

$('[index*=\'/demo/test\']').trigger('click');

 

获取参数：

var thiz = this;
if(thiz.$route.params.p_camera_dev_name != undefined){
    //使用
     // 相关代码

    //用完了，屏蔽掉
    delete thiz.$route.params.p_camera_dev_name;
}

 

注意点：

(1)这边假设工单列表是二级菜单，对应的path是/demo/test

(2)注意跳转的时候是this.$router对象，而获取参数的时候是this.$route对象

(3)使用params传参数的时候， push里面只能是 name:'xxxx',不能是path:'/xxx'， 如果params改成query，对应name需要改成path 则用如下形式：直白的来说query相当于get请求，页面跳转的时候，可以在地址栏看到请求参数，而params相当于post请求，参数不会再地址栏中显示

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

 

采用sessionStorage, session级别的存在

sessionStorage.removeItem('xxxx'); //移除

sessionStorage.setItem('xxx', 'value'); //设置

sessionStorage.getItem('xxx');//取值