调整el-form行距

调整行距之前

调整行距之后

代码如下

  <el-form   :model="entity" label-width="auto" ref="entity" :rules="rules"  >
     <el-row>
        <el-col :span="24">
           <el-form-item label="字段名" prop="column">
               <el-input size="mini" v-model="entity.column" style="width:70%"></el-input>
           </el-form-item>
        </el-col>
     </el-row>
     <el-row>
        <el-col :span="24">
           <el-form-item label="字段名" prop="column">
               <el-input-number size="mini" v-model="entity.column" :min="1"  label="字段名" style="width:70%"></el-input-number>
           </el-form-item>
        </el-col>
     </el-row>
     <el-row>
        <el-col :span="24">
            <el-form-item label="字段名" prop="column">
               <el-select size="mini" style="width: 70%;" placeholder="请选择" v-model="entity.column" filterable>
                    <el-option v-for="item in list" :key="item.value" :label="item.label"
                                        :value="item.value"> <span style="float: left">{{ item.label}}</span>
                    </el-option>
             	</el-select>
           	</el-form-item>
        </el-col>
      </el-row> 
  </el-form>                      

解决方法添加样式

.el-row {
display: flex;
flex-wrap: wrap;
height: 45px;
}