vue this.$router.push传参

vue  this.$router.push传参  

1 通过query传参
 
this.$router.push({"path":"/answertest/simpleTestPage",
                    query: {
                            questionsArry: this.questionsArry,
                            chooseArry:this.chooseArry
                            }
                    })


接收     通过query.属性名接收      
this.$route.query.questionsArry；   this.$route.query.chooseArry；
//这种方式传递参数时会把参数显示在url，并且是明文，如果传递的是对象，那么这个参数就会很长并且在刷新页面后可能会出现意外情况


2:通过params传参
this.$router.push({ name: "simpleTestPage",    //这个地方不能用path了 要用路由里面定义的name
                    params: { 
                            questionsArry: this.questionsArry, 
                            chooseArry: this.chooseArry 
                            } 
                    });
接收     通过params.属性名接收      
this.$route.params.questionsArry;   this.$route.params.chooseArry;
//这种方式传递的参数在url上是看不到的，但是只要刷新页面这个参数就会丢失，会出问题;