Vue路由跳转不是跳转而是刷新页面,并在#前出现?的问题解决

打代码时遇到的问题,因为是个新手困扰了好久,最后终于解决。

我出现的问题是在表单form中button组件进行编程式跳转时出现

原来:<button @click=”toUrl()”></button>

在大佬帮助下找到原因,大概是表单的默认提交动作的锅(好像算是个bug?),阻止默认动作即可

修改后:<button @click.prevent=”toUrl()”></button>