Prevent form submitting when pressing enter from a text input, using Vue.js

Question

I am using Vue.js in my app and have a text input within a form

Answer 1

For those simply looking to prevent a form submitting on enter, but not wanting to trigger any method on the input, you can simply do:

Or on a custom component include the native modifier:

Beautifully readable and succinct.