Vuejs怎么监听一个回车事件?
原文地址:
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')
如果是component,例如element ui
写的input组件,这样:
<el-input v-model="form.name" placeholder="username" @keyup.enter.native="login"></el-input>
2018年10月13日更新
其实这就是一个Event Modifier
,具体请看vuejs
文档。