vue路由与额外？

Question

我有这样的有线问题：

我使用VUE路线，所以我的登录链接是：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

难道你不阻止该按钮的默认操作？

按钮在表单的上下文中定义时，are automatically assumed to be submit buttons。

您可以轻松地修复，它通过添加type="button"的按钮：

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

Answer 2

我必须阻止刷新的形式解决这个问题：

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