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上是看不到的,但是只要刷新页面这个参数就会丢失,会出问题;