vue項目中點擊非刷新按鈕,頁面刷新並且路由多了個問號解決方案

問題描述

在vue項目開發過程中,點擊查詢或重置按鈕,結果頁面刷新了一遍

後來發現路徑變成了 localhost:8080/?#/advanced

原因

這是因爲在 form 表單裏,點擊了button 按鈕,觸發了表單的默認事件,也就是觸發了提交行爲。

解決方案

  1. 使用 @click.prevent 阻止默認事件即可

    <button @click.prevent="handleCheck">查詢</button>
  2. 或者不要 form 標籤
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章