vue怎么监听一个回车事件?
<div id="app"><input placeholder="请输入账号" type="text"><input placeholder="请输入密码" type="password" @keyup.enter="
·
<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"
更多推荐
已为社区贡献7条内容
所有评论(0)