原文地址:

https://segmentfault.com/q/1010000011347642

一般监听在输入密码的input监听keyup事件,加enter修饰符。如果input组件(component),加上.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> ```

如果是component,例如element ui写的input组件,这样:

<el-input v-model="form.name" placeholder="username" @keyup.enter.native="login"></el-input>

2018年10月13日更新
其实这就是一个Event Modifier,具体请看vuejs文档。

标签: 监听, 回车事件, event modifier

添加新评论