vue怎么监听一个回车事件?

Shiny
  • 197
methods: {
    enterToLogin (ev) {
        ev.keyCode === 13 && this.login()
    }
}

页面要求回车触发登录事件,问题是这个事件我该怎么实时监听?

回复
阅读 45.7k
2 个回答

一般监听在输入密码的input监听keyup事件,加enter修饰符。如果input是组件,加上.native修饰符。

<div id="app">
    <input placeholder="请输入账号" type="text">
    <input placeholder="请输入密码" type="password" @keyup.enter="login">
    <button @click="login">登录</button>
<div>
<script>
new Vue({
    methods: {
    login() {
        console.log('哎呀,登录中...');
    }
  }
}).$mount('#app')
</script>

监听表单的提交事件或者监听每个input的keyup事件,直接监听body的keyup应该也没问题

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏