带有额外的vue路由？答案

【问题标题】：vue routing with extra?带有额外的vue路由？
【发布时间】：2017-01-31 05:48:54
【问题描述】：

我有这个有线问题：

我使用的是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">

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：