动态表单测试

src/assets/main.css

@@ -101,6 +101,10 @@ html, body, #app, .index-container {
     --el-input-width: 220px;
 }
 
+.common-subform.el-form--inline .el-input{
+    --el-input-width: 220px;
+}
+
 .form-edit-width-70 {
     width:70%
 }

src/views/tools/Forms.vue

@@ -212,9 +212,10 @@ const submitForm = (form) => {
             添加联系人
           </el-button>
         </el-form-item>
-        <template
+        <div
           v-for="(contact, index) in userDto.contacts"
           :key="index"
+          class="common-subform el-form--inline"
         >
           <common-form-control
             v-for="(option, optIdx) in contactsOptions"
@@ -232,7 +233,7 @@ const submitForm = (form) => {
               Delete
             </el-button>
           </el-form-item>
-        </template>
+        </div>
       </template>
       <template
         #buttons="{form}"