技術標籤：Vuevuejshtml前端

vue專案中點選登入跳轉，url中自動加上了問號

問題描述：

當我登入系統的時候，頁面的確跳轉了，但是瀏覽器位址列的url裡多了一個問號，而這並不影響頁面顯示，像下面這樣

<form action="">
  <div class="login_box_input">
    <input type="text" class="form-control pull-left" v-model="loginData.user_name"
 
>
    <input type="password" class="form-control pull-right" v-model="loginData.user_pwd">
  </div>
  <button class="btn btn-primary" @click="login()">登入</button>
</form>

原因：

程式碼裡用到了 form 標籤，點選button按鈕的時候同時執行了form表單的 submit 事件和自己設定的 click 事件，一次空的表單提交重置了請求。

解決方法：

1. 不使用form標籤，這樣可能導致不能回車
2. button 按鈕加上 type="button"，否則預設是 submit
3. 使用 event.prevent 取消預設事件，vue中可以寫 @click.prevent="login()"