input标签绑定keyup.enter事件后,按回车自动刷新页面问题

input标签绑定keyup.enter事件后,按回车自动刷新页面问题_第1张图片

如图在input标签中添加的回车事件,但是在页面中按回车会自动刷新页面

原因:回车会自动触发表单的提交事件,所以应该在表单中加 @submit.prevent='search'  阻止表单的默认事件,并触发search。

input标签绑定keyup.enter事件后,按回车自动刷新页面问题_第2张图片

改成这样后按回车成功触发search事件

 

 

 

 

 

 

 

 

 

 

 

 

你可能感兴趣的:(笔记)