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