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
    }

Vue JS解析查询参数

1 个答案: