vue输入框输入触发事件_vue 搜索框回车键触发 搜索事件
一:结合elemt-ui的i-input输入框,当你输入之后敲回车想要打印值@keydown.enter.native="searchEnterFun"二:不使用组件库的 input界面中需要有一个聚焦 v-focus,在回车时才好执行keypresscreated () {let that = this;document.onkeypress = function(e) {var keycode
·
一:结合elemt-ui的i-input输入框,当你输入之后敲回车想要打印值
@keydown.enter.native="searchEnterFun"
二:不使用组件库的 input
界面中需要有一个聚焦 v-focus,在回车时才好执行keypress
created () {
let that = this;
document.onkeypress = function(e) {
var keycode = document.all ? event.keyCode : e.which;
if (keycode == 13) {
that.location(); // 登录方法名
return false;
}
};
},
注册局部指令,组件中也接受一个directives的选项:vue官网文档
directives: {
focus: {
// 指令的定义
inserted: function (el) {
el.focus()
}
}
},
更多推荐
已为社区贡献1条内容
所有评论(0)