当前位置: 代码迷 >> 综合 >> vue this.$router.push传参
  详细解决方案

vue this.$router.push传参

热度:96   发布时间:2023-12-28 17:08:36.0

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了 要用路由里面定义的nameparams: { questionsArry: this.questionsArry, chooseArry: this.chooseArry } });
接收     通过params.属性名接收      
this.$route.params.questionsArry;   this.$route.params.chooseArry;
//这种方式传递的参数在url上是看不到的,但是只要刷新页面这个参数就会丢失,会出问题;

 

  相关解决方案