1. 程式人生 > >vue怎麼監聽一個回車事件?

vue怎麼監聽一個回車事件?

<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"