一、 融合elemt-ui的 el-input 文本框 ,当键入以后敲回车键要想检索
@keydown.enter.native=”searchEnterFun”
二、一般input的电脑键盘恶性事件
非 element-UI 部件,立即 @keyup.enter 就可以。
<pre class="wp-block-code"><code><input plac唐山网站设计方案eholder="检索" type="text" @keyup.enter="searchEnterFun"></code></pre>在methods方式里,写上监视的方式,当获得的keyCode 为13时,表明按住了回车,假如必须监视空格符或是别的键,换为其他键值
searchEnterFun:function(e){
var keyCode = window.event? e.keyCode:e.which;
// console.log('回车键检索',keyCode,e);
if(keyCode == 13 && this.input){
this.$router.push({path:'/Share?keywords=' this.input});
}
}
which 和 keyCode 特性出示了处理电脑浏览器的兼容模式的方式。
keyCode特性回到onkeypress恶性事件开启的键的值的标识符编码,或是 onkeydown 或 onkeyup 恶性事件的键的编码
留意:
在 Firefox 中,keyCode 特性在 onkeypress 恶性事件中是失效的 (回到 0)。电脑浏览器兼容性问题,能够一起应用 which 和 keyCode 特性来处理:
var keyCode = window.event ? e.keyCode:e.which;
which 特性回到onkeypress恶性事件开启的键的值的标识符编码,或是 onkeydown 或 onkeyup 恶性事件的键的编码
文章内容来源于:田珊珊个人网站
来源于详细地址:http://www.tianshan277.com/759.html