Vue JS 解析查询参数

Question

我可以使用

读取查询值

{{$route.query.id}}

但我想将该 id 传递给另一条路线。 我谁能做到这一点？ 这个我试过了，没用。

startExam(){
      this.$router.push({
        path:'/QuestionPaper',
        query:{
          id:$route.query.id
        }
      });
    }

这是我的完整代码。我想把它传递给试卷路线。

<template lang="html">
  <div class="">
    <button type="button" name="button" class="btn" @click="startExam">Start Exam</button>
    <h2>You have 1 hr 30 min to complete</h2>
    <h2>PaperID : {{$route.query.id}}</h2>
  </div>
</template>

<script>
export default {
  methods:{
    startExam(){
      this.$router.push({
        path:'/QuestionPaper',
        query:{
          id:$route.query.id
        }
      });
    }
  }
}
</script>

Answer 1

在$route前面加上这个

query:{
      id:this.$route.query.id
    }