<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事件,加enter修饰符。如果input是组件,加上.native修饰符。

上面的代码看了就懂了  就是

@keyup.enter="login"
Logo

前往低代码交流专区

更多推荐