I have the following form `<input/>`:

```
<form>
    ...
    <input
        id="tags"
        class="w-full h-full rounded-lg py-2 pl-2 pr-4 block w-full appearance-none leading-normal transition duration-150 ease-in-out sm:text-sm sm:leading-5"
        v-bind:value="tag"
        v-on:input="processTags($event.target.value)"
        v-on:keydown.enter.tab="processTags($event.target.value)"
    />
</form>

```

However, on hitting tab - nothing happens (expected if `v-on:keyup:tab` removed). And on enter, the page reloads (expected if `v-on:keyup:enter` removed).

What is the correct way to listen to multiple events on one input?

I have trawled the forums and Stack Overflow for a suitable answer - but every answer I have read uses what I am doing. Perhaps the issue is not using `v-model=""` instead of the `v-bind:value=` and `v-on:input=` verbose method. (I need this to stay, as I need to modify the users input).