title: v-on:keyup.enter and v-on:keydown.tab ... inside form, listening on <input/>
body: <p>I have the following form <code>&lt;input/&gt;</code>:</p>
  <pre><code>&lt;form&gt;
      ...
      &lt;input
          id=&quot;tags&quot;
          class=&quot;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&quot;
          v-bind:value=&quot;tag&quot;
          v-on:input=&quot;processTags($event.target.value)&quot;
          v-on:keydown.enter.tab=&quot;processTags($event.target.value)&quot;
      /&gt;
  &lt;/form&gt;
  </code></pre>
  <p>However, on hitting tab - nothing happens (expected if <code>v-on:keyup:tab</code> removed). And on enter, the page reloads (expected if <code>v-on:keyup:enter</code> removed).</p>
  <p>What is the correct way to listen to multiple events on one input?</p>
  <p>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 <code>v-model=&quot;&quot;</code> instead of the <code>v-bind:value=</code> and <code>v-on:input=</code> verbose method. (I need this to stay, as I need to modify the users input).</p>