VueJS如何将表单参数推送到vue路由器？

<template>
  <form @submit="submitForm">
    <input type="text" v-model="name" placeholder="请输入姓名">
    <input type="email" v-model="email" placeholder="请输入邮箱">
    <button type="submit">提交</button>
  </form>
</template>

<script>
export default {
  data() {
    return {
      name: '',
      email: ''
    };
  },
  methods: {
    submitForm() {
      // 在这里处理表单提交逻辑
      // 可以通过this.name和this.email访问表单字段的值
      // 可以将参数传递给路由器进行处理
    }
  }
};
</script>

import Vue from 'vue';
import VueRouter from 'vue-router';

Vue.use(VueRouter);

const routes = [
  {
    path: '/user/:id',
    name: 'User',
    component: UserComponent
  }
];

const router = new VueRouter({
  routes
});

export default router;

<template>
  <div>
    <h1>User信息</h1>
    <p>姓名：{{ $route.params.id }}</p>
  </div>
</template>

<script>
export default {
  mounted() {
    // 可以通过this.$route.params.id访问传递的参数
  }
};
</script>