Vuejs v-model when enter pressed
<template>
<div>
<input v-model="inputValue" @keyup.enter="handleEnterKey" />
<p>{{ inputValue }}</p>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: ''
};
},
methods: {
handleEnterKey() {
// Do something with the entered value
console.log('Enter key pressed. Value:', this.inputValue);
}
}
};
</script>