[Vue]防止焦点输入字段的数据被即将到来的新数据更改？

Question

此时我有一个输入字段，假设它正在：value绑定到一个名为apiData的数据， 这将由每 10 秒一次来自 API 调用的新数据覆盖。

如果输入字段被聚焦，有什么方法可以防止我的输入字段数据被更改？因为如果我在返回新数据时在输入字段中键入内容，则我键入的内容将消失并被新数据覆盖。

输入字段为

<input 
v-on:keyup.enter="$event.target.blur()"
@focus="$event.target.value=''"
@blur="$event.target.value=oddsCell['odds']" 
:value="oddsCell['odds']"
/>

Answer 1

您可以使用@focus事件处理程序设置一个标志，该标志指示该字段现在正在编辑，并防止模型变量被覆盖。以及@blur事件处理程序，用于在编辑完成后重置标志。