How to submit a form with an enter condition that the field is filled (in Vue.js)?

Question

Vue.js

Here is my code. I just don't know how to make the send conditional that the textarea field is filled?

<textarea  v-on:keyup.enter="newMessage" id="chat_msg" placeholder="" v-model="input"></textarea>

Answer 1

<textarea
  @keypress.enter.prevent="input.length && newMessage()"
  id="chat_msg"
  placeholder=""
  v-model="input"
>
</textarea>

live example .