Vue使用Android Chrome观看意外响应

我有一个标记器组件，它过滤一系列标记。简化版本如下：

它围绕着这个输入：

<input
  v-if="showInput"
  type="text"
  class="tag_input__input"
  :id="'tag_input__input' + fieldName(0,'input')"
  v-model="tag"
  @keydown.delete="deleteLast"
  @keydown.tab="autocomplete($event)"
  @blur="queueAutoComplete($event)">

在桌面上，它工作得非常好：

但在Android手机Chrome上，标签似乎几乎完全不同步：

该模型似乎只在某些按键（如空格或退格）后更新

我记录了一些事情，似乎v-model没有更新。但这很奇怪，因为我有一个精简版

---

如何停止移动设备上发生的延迟？

有关解决方案/解决方法，请参阅此答案：

简言之，如果您使用的是“输入法”（我手机上的Gboard和swipe可以实现这一点），则在您实际选择一个单词（通过单击或按空格等）之前，不会引发输入事件

在Vue文档中有一个简短的说明：

您可以更改

v-model="model" 

到

观察者将按预期触发

因为

对于需要[IME][1]的语言（中文、日文、韩文等）， 您会注意到，在IME合成期间，v-model不会得到更新。 如果您还想适应这些更新，请使用输入事件 相反

v-model="model" 

:value="text" 
@input="text = $event.target.value"