表单中设置了 `keyup.enter.native` 的按键事件，但是回车后没有执行查询，反而会刷新页面

From: https://www.cnblogs.com/shayloyuki/p/16524712.html

 

场景

添加属性对话框中，input输入后点击 enter，不会执行绑定的 handleDialogQuery 事件，反而会刷新整个页面；

如果不点击 enter，点击搜索按钮，则是正常的。

又测试：在 属性组页面中，input 输入后点击 enter，是正常的，不会刷新整个页面。

解决办法：给 form 添加 @submit.native.prevent

原因

在一个 form 表单中，若只有一个 input，按回车键表单会自动提交，但是当表单中存在多个 input 时，按回车键不会执行任何操作，这是 form 表单的一个特性。

参考链接

• 表单事件@submit.native.prevent的使用

• HTML - 输入框 Input 按回车 Enter 自动刷新页面解决方案

• vue中'. native'修饰符的使用