vue监听回车事件

750 阅读1分钟

vue监听回车事件(其它事件类似)

vue自带事件

.enter
.tab
.delete (捕获“删除”和“退格”键)
.esc
.space
.up
.down
.left
.right
//方法的使用前提是使用的当前元素必须要获取focus焦点,如果没有获取到焦点,绑定就会失效,
//因此给div或者p进行事件监听时,这种方法显示是不适用的
<input v-on:keyup.enter="submit">

在整个组件监听

created () {
    this.keyupSubmit()
  },
methods: {
    keyupSubmit () {
          document.onkeydown = (e) => {
            var _key = window.event.keyCode
            // 防止用户重复回车
            if (_key === 13 && !this.clickState) {
                  this.login()
            }
          }
    },
    login () {
    
    }
}