Vue.js 提交表单并收到状态为200的表单后，如何导航

一旦我的数据成功提交，我对如何从一个表单路由导航到另一个路由感到困惑

我找到了。 这看起来应该可以工作，但在Vue路由器方面有点不清楚，如果我已经有了路由组件，我可以在任何组件中实例化一个新的Vue路由器吗。不管怎么说，它似乎得到了地位，但它没有推动路线

我的方法：

methods: {
  handleSubmit(event) {
    const router = new VueRouter();
    axios.post(API_ENDPOINT,
    this.itemInit,
    { headers: {
      'Content-type' : 'application/json',
       }
    }).then(response => {
        this.results = response.data.results;
        if(response.status == 200) {
          router.push('/');
        }
    }).catch(error => {console.log(error)});
  }
}

当我从服务器获得状态200时，我希望它导航到根路由，我是，一切正常，只是没有得到这个导航

更新：这对我有用

methods: {
  handleSubmit(event) {
    const router = new VueRouter();
    axios.post(API_ENDPOINT,
    this.itemInit,
    { headers: {
      'Content-type' : 'application/json',
       }
    }).then(response => {
        this.results = response.data.results;
        if(response.status == 200) {
          this.$router.push('/');
        }
    }).catch(error => {console.log(error)});
  }
}

---

假设您正在入口点（通常是main.js）中构建一个单页应用程序

您可以执行以下类似操作：

import Vue from 'vue'
import { router } from '@/plugins/vue-router' // This is where you declare your routes

当你启动你的应用程序时，你会有类似于：

new Vue({
  el: '#app',
  router,
  template: '<App/>'
})

---

假设您正在入口点（通常是main.js）中构建一个单页应用程序

您可以执行以下类似操作：

import Vue from 'vue'
import { router } from '@/plugins/vue-router' // This is where you declare your routes

当你启动你的应用程序时，你会有类似于：

new Vue({
  el: '#app',
  router,
  template: '<App/>'
})

---

您可以发布main.js文件（应用程序的入口点）吗。我假设您在创建应用程序时，正在将路由器连接到新的Vue实例？我可以发誓，在发布之前，我已经尝试过多次，但是添加了这个。$router.push（'myRoute'）；工作。也许这篇文章会帮助一些人。是的！我在下面发布了基本设置，以举例说明如何将路由器安装到Vue实例，然后参考您在评论中发布的内容。。。就在你发回的时候。很高兴你开始跑步了！您可以发布main.js文件（应用程序的入口点）吗。我假设您在创建应用程序时，正在将路由器连接到新的Vue实例？我可以发誓，在发布之前，我已经尝试过多次，但是添加了这个。$router.push（'myRoute'）；工作。也许这篇文章会帮助一些人。是的！我在下面发布了基本设置，以举例说明如何将路由器安装到Vue实例，然后参考您在评论中发布的内容。。。就在你发回的时候。很高兴你开始跑步了！非常感谢。我最终也找到了你的解决方案。谢谢！我最终也找到了你的解决办法。