时间戳

首页 > 解决方案 > 如何在 Vuejs 中的 keyup.enter 事件后取消对输入的关注？

vue.js - 如何在 Vuejs 中的 keyup.enter 事件后取消对输入的关注？

问题描述

事件发生后如何取消输入焦点keyup.enter？

<v-text-field v-on:keyup.enter="onPageChange"></v-text-field>

我的目标是防止弹出隐藏表格的建议。

标签： vue.js

解决方案

要在事件之后取消对输入的关注keyup.enter，首先将$event对象传递给函数，例如：

<v-text-field v-on:keyup.enter="onPageChange($event)">
</v-text-field>

然后在基于目标的onPageChange()方法调用方法中如：blur()event

onPageChange(event){
   // Your rest of the code here..

   // finally call blur() like:
   event.target.blur(); 
}

推荐阅读