Enter Key Vue

by
enter key vue
<!-- only call `vm.submit()` when the `key` is `Enter` -->
<input v-on:keyup.enter="submit()">
<input @keyup.enter="submit()">
vue
Vuejs v-model when enter pressed
<input type="text" v-on:keyup.enter="submit" />
<p> {{ outputValueOnEnter }} </p>

//In data() :
outputValueOnEnter = ''

// In methods:
submit(e) {
this.outputValueOnEnter = e.target.value
e.target.value = ''
}
listen for enter and alt key vue
<!-- Alt + C -->
<input v-on:keyup.alt.67="clear">

<!-- Ctrl + Click -->
<div v-on:click.ctrl="doSomething">Do something</div>
Source: vuejs.org

 

Leave a Comment