V-model 在 ant design 输入组件 vue 3 中不起作用

Question

我正在使用 vue 3 和 ant design 2x。我厌倦了尝试这段代码。而我关注vue文档，总感觉少了点什么。我被这个问题困住了。我希望你的结论。

           <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 文档中的 antv 示例中得到了解决方案。我这样更新代码。不同的是我将 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>

V-model 在 ant design 输入组件 vue 3 中不起作用

V-model not working in ant design input component vue 3

javascript

vue.js

antd

vuejs3

antdv