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

Question

此刻，我有一个输入字段，可以说是：value绑定到一个名为apiData的数据， 每10秒api调用就会覆盖一次新数据。

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

输入字段是

<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事件处理程序可在完成编辑后重置标志。