vue项目中点击非刷新按钮页面刷新并且路由多了个问号解决方案

问题描述

在vue项目开发过程中，点击查询或重置按钮，结果页面刷新了一遍

后来发现路径变成了 localhost:8080/?#/advanced
​

原因

这是因为在 form 表单里，点击了button 按钮，触发了表单的默认事件，也就是触发了提交行为。

​

解决方案

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

   <button @click.prevent="handleCheck">查询</button>

2. 或者不要 form 标签