如何在输入中一起使用：value和v-model

Question

我尝试将初始值设置为v-model，其中id已在data中声明。但是编译时会显示错误。

<input clearable
       v-model="id"
       :value="id"
       @keydown="isNumber"
       autofocus/>

  

：value =“ id”与同一元素上的v-model冲突，因为后者已经在内部扩展为绑定的值

是否有解决问题的建议？

Answer 1

TL; DR

v-model="id"

与

相同

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

因此，您不需要添加:value=id，它已经是“那里”

---

从documentation

<input v-model="searchText">

与以下内容相同：

<input
  v-bind:value="searchText"
  v-on:input="searchText = $event.target.value"
>

所以...您正在尝试执行以下操作

<input
    clearable

    v-bind:value="id"
    v-on:input="id = $event.target.value"

    :value="id"
    @keydown="isNumber"
    autofocus
>

现在，由于:value="id"是v-bind:value="id"的{​​{3}}，您现在可以看到您正在尝试这样做

v-bind:value="id"

两次