问题描述
在 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
标签