vue enter key event code example

Example 1: enter key vue

<!-- only call `vm.submit()` when the `key` is `Enter` -->
<input v-on:keyup.enter="submit()">
<input @keyup.enter="submit()">
vue

Example 2: @keyup.enter vue

<input v-on:keyup.enter="submit">
<!-- Also works like this: -->
<input @keyup.enter="submit">

Example 3: 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 = ''
}

Tags:

Html Example