Bootstrap

ant-design-vue form表单实现动态增减表单项

在项目中遇到了需要对表单的最后两项进行动态增减 ,我这里实现以后做个记录。

<a-form-model
   ref="ruleForm"
   :model="form"
   :rules="rules"
>
    //不需要增减的表单项  
    //设置display:flex属性 可让表单显示在一行
    
	<div style="display:flex">
	// prop 表单域的model字段
	  <a-form-model-item  label="姓名"  prop="name"  ref="name">
		<a-input v-model="form.name"></a-input>
 	  </a-form-model-item
;