vue.js prevent line breaks when using v-on keydown

Question

I have a textarea that is bound to a v-model. Upon pressing enter, I submit the textarea value and clear the model value. The problem is that after that submit function runs, I'm left with the textarea having a line break as it registers the final enter key.

I've tried binding onkeyup | key 'enter' to return false to no avail.

<textarea class="chat-input" v-model="message" 
    v-on="keydown: onSubmit(chat, $event) | key 'enter'">
</textarea>

is there a way I can prevent the line break from occurring after my submit function runs?

Have you tried calling event.preventDefault()?

David K. Hess
– David K. Hess

2015-08-27 16:23:21 +00:00
Commented Aug 27, 2015 at 16:23 — David K. Hess
– David K. Hess, Commented Aug 27, 2015 at 16:23

Box Box Box Box · Accepted Answer · 2016-05-09 04:50:08Z

3

event.preventDefault()

was the soultion.

edited May 9, 2016 at 4:50

Box Box Box Box

5,38810 gold badges52 silver badges71 bronze badges

answered Aug 27, 2015 at 17:40

david

431 silver badge10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

vue.js prevent line breaks when using v-on keydown

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related