解决vue中点击button会刷新页面的问题

今天写页面遇到了一个问题，点击页面中的功能按钮，一直刷新页面。有点懵逼，button啥时候有默认点击事件了。最后发现问题出现在form表达上面。

1606189512(1).jpg

在form中使用button标签，可能就会导致页面的刷新。但是改成input标签就没有问题啦！或者写入div中不存在此问题。

<form>
 <button>确定</button>
</form>
<!-- 在form中使用button标签，可能就会导致页面的刷新。但是只要改成input标签就没有问题啦！ -->
<form>
 <input type="button" value="确定">
</form>
<!--或者-->
<div>
 <button>确定</button>
</div>