vue.js - 带有额外的vue路由？

Question

我有这个有线问题：

我正在使用 vue-route，所以我的登录链接是：http://localhost/#!/login

我有一个<form>登录：

<button @click="submit()">Login</button>

提交按钮将调用登录函数，然后它将使用 vue-resource 进行 API 调用，它会在下面的 $http.post 处停止：

context.$http.post(LOGIN_URL, creds).then(function (res) {

然后它将直接指向：http://localhost/?#!/login<-额外的？

这仅在加载登录时发生一次，子序列它可以正常工作。

---

如果我取出表格，问题就会消失：

<form class="form">

Answer 1

我通过防止表单刷新解决了这个问题：

<form v-on:submit.prevent></form>

Answer 2

您是否有可能没有阻止按钮的默认操作？

按钮，当在表单的上下文中定义时，被自动假定为submit按钮。

您可以通过向type="button"按钮添加 a 来轻松解决此问题：

<button type="button" @click="submit()">Login</button>