問題描述
在vue項目開發過程中,點擊查詢或重置按鈕,結果頁面刷新了一遍
後來發現路徑變成了 localhost:8080/?#/advanced
原因
這是因爲在 form 表單裏,點擊了button 按鈕,觸發了表單的默認事件,也就是觸發了提交行爲。
解決方案
-
使用
@click.prevent
阻止默認事件即可<button @click.prevent="handleCheck">查詢</button>
- 或者不要
form
標籤
在vue項目開發過程中,點擊查詢或重置按鈕,結果頁面刷新了一遍
後來發現路徑變成了 localhost:8080/?#/advanced
這是因爲在 form 表單裏,點擊了button 按鈕,觸發了表單的默認事件,也就是觸發了提交行爲。
使用 @click.prevent
阻止默認事件即可
<button @click.prevent="handleCheck">查詢</button>
form
標籤