Set boolean to false when pressing every other key except enter button vue.js

Question

Hey guys so I currently have an input form and would like to set showTag to false when pressing any other button besides enter. For example, after I press delete button or the letter q I would like the showTag boolean to be set to false. Is there any way to do this? Thanks!

<input type="text" v-model="msg" class="form-control m-0" placeholder="Filter by tag" @keyup.enter= "showTag=true" />

unit8 · Accepted Answer · 2018-07-23 21:31:29Z

3

I mean, you could just handle all keyups, and check for the key code, since the passed event should be a regular javascript event like any other.

<input type="text" v-model="msg" class="form-control m-0" placeholder="Filter by tag" @keyup="onKeyup" />

...

methods: {
    onKeyup(event) {
        showTag = (event.which == 13 || event.keyCode == 13)
    },
},

answered Jul 23, 2018 at 21:31

unit8

511 silver badge6 bronze badges

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

1 Comment

Stephen Thomas Over a year ago

If you don't have to support older browsers, event.key === "Enter" is more expressive.

Collectives™ on Stack Overflow

Set boolean to false when pressing every other key except enter button vue.js

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related