问题描述
在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 标签
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。