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

时间:2021-02-01 23:16:12

路由跳转:

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');//取值