vue 中input键盘回车事件查询导致页面刷新的问题，路由多了一个问号

问题：

1. <el-form @submit.native.prevent>

2. <el-form-item >

3. <el-input

4. @keyup.enter.native="handleInputConfirm(obj)"

5. >

6. </el-input>

7. </el-form-item>

8. </el-form>

9. export default {

10. methods:{

11. handleInputConfirm(obj){

12. // ... 提交内容

13. }

14. }

15. }

回车后，重新刷新了页面，并且路由多了一个问号

http://localhost:3009/?#/admin

解决方案：

el-from 加上 @submit.native.prevent

1. <el-form @submit.native.prevent>

2. </el-form>

理由：

当一个 form 元素中只有一个输入框时，在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为，可以在 标签上添加 @submit.native.prevent。

...

...

...

转载于:https://www.cnblogs.com/hibiscus-ben/p/10861062.html