V-model不能在ant设计输入组件值3中工作

Question

我正在使用vue 3和ant design 2x。我厌倦了尝试这个代码。当我遵循我们的文档时，我感到有些遗漏。我被这个问题困住了。我希望你的结论。

<a-form
:model="form"
@submit="handleSubmit"
>
<a-form-item class="mb-10">
<a-input
type="text"
v-model="form.name"
placeholder="Name"
>   
</a-input>
<a-button type="primary" block html-type="submit">
SUBMIT
</a-button>
<a-form>

提前感谢您的帮助。

Answer 1

在花费了大量时间之后，我从ant文档中的一个示例中得到了解决方案。我像这样更新代码。不同的是我将v-model="form.name"更新为v-model:value="form.name"

<a-form
:model="form"
@submit="handleSubmit"
>
<a-form-item class="mb-10">
<a-input
type="text"
v-model:value="form.name"
placeholder="Name"
>   
</a-input>
<a-button type="primary" block html-type="submit">
SUBMIT
</a-button>
<a-form>