表单事件@submit.native.prevent的使用,防止搜索框回车键刷新整个页面

使用情况

1. form 表单中只有一个输入框，在输入框中按下回车就是提交该表单，且会刷新页面。阻止这一默认行为，可以 在 标签上添加 @submit.native.prevent。

2. 搜索条件只有一个输入框时,如果使用了@keyup.enter.native=“handleQuery” 原始键盘回车事件来触发搜索操作,会对整个页面都进行刷新,想让页面不刷新,可使用 @submit.native.prevent 原始提交事件

@submit.native.prevent
.native 表示对一个组件绑定系统原生事件
.prevent 表示提交以后不刷新页面

代码

修改前代码

      
        
      
      
        搜索
        重置
      
    

修改后代码

      
        
      
      
        搜索
        重置