vue-ivew input 框 回车搜索功能
2024-08-31 11:34:10
1. 添加事件
<FormItem prop="user" label="产品ID:" :label-width="">
<Input type="text" v-model="formInline.productCode" @keydown.enter.native="searchEnterFun"></Input>
</FormItem>
键盘事件主要有2个:
onkeydown : 键盘按下时触发,如果按下不抬起,那么会连续触发。
onkeyup : 键盘弹起时触发
不是所有元素都能接收键盘事件,只有能够响应用户输入的元素,换言之,能够接收焦点的元素就能接收键盘事件。
2.方法
searchEnterFun(e) {
console.log();
//which 和 keyCode 属性提供了解决浏览器的兼容性的方法。
//keyCode属性返回onkeypress事件触发的键的值的字符代码,或者 onkeydown 或 onkeyup 事件的键的代码
var keyCode = window.event? e.keyCode:e.which;
if (keyCode == ) {
this.getproductlist(, ); //搜索事件
}
},
最新文章
- Spring Boot下配置MyBatis多数据源
- mac上spacemacs体验小记
- Node连接MySQL
- 【代码笔记】iOS-传身份证号码可返回生日字符串
- Android加载SO库UnsatisfiedLinkError错误的原因及解决方案
- internet connection sharing has been disabled by the network administrator
- 虚拟机下CentOS找不到网卡eth0的解决方法
- verilog中符号位的扩展问题
- switch……case不能匹配字符串的方法 .xml
- 移动端rem布局
- maven常见问题归纳
- (转)Spring整合Redis作为缓存
- 常用linux小工具介绍
- js中的事件缓存机制
- Java模式之模板方法模式
- Mac OSX下安装dlib (Python)
- wsl中使用原生docker
- 软件工程(GZSD2015) 第二次作业成绩
- zookeeper报错java.net.ConnectException: Connection refused: no further information
- ERP项目实施记录02