Vue中，点击提交按钮，路由多了个问号

本文主要是介绍Vue中，点击提交按钮，路由多了个问号，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

问题

当点击提交按钮是路由多了问号：

http://localhost:8100/#/
变为
http://localhost:8100/?#/

原因

路由中出现问号通常是由于某些路径或参数处理不当造成的。在该情况下，是因为表单的默认行为导致的。提交表单时，如果没有阻止表单的默认提交行为，浏览器会在 URL 中添加问号（?）。

解决方法

解决方案一：

需要在提交的方法中防止表单的默认提交行为。这可以通过在 <form> 标签上使用 @submit.prevent 来实现，这样可以在提交表单时阻止默认行为，同时调用你的提交方法。

当表单被提交时，Vue.js 会调用 enter （你自定义的方法）方法，同时阻止表单的默认提交行为（例如刷新页面或在 URL 中添加问号）。

解决方案二：

button标签指明type=button，这样就不会触发表单的提交行为

这篇关于Vue中，点击提交按钮，路由多了个问号的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---