I am working with vue 3 and ant design 2x. I am tired trying this code. And I follow vue documentation, I feel something miss. I am stuck with this problem. I hope your conclusion.
<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>
Thanks in advance for your help.
After spending plenty of hours, I got the solution from antv example in ant documentation. I update code like this. Different is I update v-model="form.name"
to 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>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.