vue项目使用button进行页面跳转时路由带参数引起错误的解决办法

1、问题描述

如图，点击按钮跳转到其他路由会出现带参数的情况（ps：我是用编程式导航进行跳转的，vue编程式导航）

2、解决的方法

我是采用控制变量的方法找出问题并解决的。具体是，把可能的错误的代码删除，其他不变，然后重新运行。然后我就找出问题了。
如图，我的 button 一开始是这样的，会出现问题。

解决方法：


如上图，加上type="button"就不会出现路由带参数了。

3、原理分析

我现在也不知道原理是什么，以后有时间找来再补上，也非常欢迎有大佬在评论区解答。