Vue使用$router.push传递参数

在诺依框架中，不同页面可以通过$router.push进行参数传递：

1.传递页面（父页面）

function handleQuery(stateId) {
  //要传递的对象
  let obj={};
  obj.name='HillMan';
  obj.age=18;
  proxy.$router.push({
      path: '/inventory/logisticsStateDetail',
      query: {
        state: stateId,
        data: encodeURIComponent(obj),
        open: true,
      }
    }).catch(err => {
      console.log(err)
    });
}

2.接收页面（子页面）

//监听
onActivated(()=>{
    showDetail();
})

//处理
function showDetail() {
	//获取传递过来的参数
    const state = proxy.$route.query.state;
    const data = proxy.$route.query.data;
    if (state) {
    	//dosomething
        let obj={};
        obj= JSON.parse(decodeURIComponent(data));
        console.log(state,obj);
    }
}