本文参考: https://blog.csdn.net/weixin_42318705/article/details/120471154

在表单中，如果 button 的 type 属性为 submit 或者不设置，点击 button 后会自动刷新页面。这是因为 button 的默认 type 属性为 submit，点击后会触发表单的提交事件，这个事件会刷新页面。

有几种解决方式:

  1. 将 button 的 type 属性设置为 button，这样点击 button 后不会触发表单的提交事件，也就不会刷新页面。
  2. 将 button 移出 form 标签。
  3. 使用其他标签如 span, div 代替 button。