How in Vue to abort form submission on pressing enter on input?

Question

HTML

There is a form. It has an autocomplete field. So when focus is on it and you press enter, the form flies away. How can this be interrupted?

<form class="form form-settings" @submit.prevent="send">
  <input type="text" v-model="city" />
</form>

methods: {
  send: function () {
  }
}

Answer 1

The fact is that if there is only one input field in the form, then, according to the specification , pressing enter should lead to submitting the form:

When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to submit the form.

What to do? Block default action on enter, add input @keypress.enter.prevent.