this.$router.push携带参数跳转页面的实现代码

const router = new Router({
    routes: [
        {
            path:'/test',
            component: test,
        },
        {
            name: 'testParams',
            path:'/testParams',
            component: TestParams,
        },
        {
            path:'/testQuery',
            component: TestQuery,
        }
    ]
})

<template>
  <div class="test">
    <button v-on:click="testParams">params</button>
    <button v-on:click="testQuery">query</button>
  </div>
</template>
<script>
export default {
  name: "test",
  data(){
    return {

    }
  },
  methods:{
    testParams(){
      this.$router.push({name: 'testParams',params: {testParams:'testParams'}});
    },
    testQuery(){
      this.$router.push({path: 'testQuery',query: {testQuery:'testQuery'}});
    }
  }
}
</script>

<template>
  <div id="testParams">
    {{testParams}}
  </div>
</template>

<script>
export default {
  name: "TestParams",
  data() {
    return{
      testParams: ''
    }
  },mounted() {
    this.testParams = this.$route.params.testParams;
  }
}
</script>

<template>
  <div id="testQuery">
    {{testQuery}}
  </div>
</template>

<script>
export default {
  name: "TestQuery",
  data(){
    return{
      testQuery: ''
    }
  },mounted() {
    this.testQuery = this.$route.query.testQuery;
  }
}
</script>