原因是在每个el-form-item中都设置了label-width,所以在父元素el-from中设置宽度不会生效; 总结: 当需要左对齐,而且label的内容长度差距大时,右侧距离也会差距大,所以需要根据每个标签即el-form-item设置labei-width; 当右对齐时,label内容靠右侧,只需要设置el-from的label-width即可;...
在elementUi⾥el-form设置label-width不⽣效 原因是在每个el-form-item中都设置了label-width，所以在⽗元素el-from中设置宽度不会⽣效；总结：当需要左对齐，⽽且label的内容长度差距⼤时，右侧距离也会差距⼤，所以需要根据每个标签即el-form-item设置labei-width; 当右对齐时，label内容靠右侧，只...
最终解决代码如下: 1<el-form-itemlabel-width="100px":label="`其他\u00a0\u00a0\u00a0\u00a0\u00a0评价`"prop="teamMan">2<!--<label slot="label">{{'其他\u00a0\u00a0\u00a0\u00a0\u00a0评价'}}</label>-->3<el-inputv-model="formData.teamMan"/>4</el-form-item> 其...
<el-form:model="ruleForm":rules="rules"ref="ruleForm"label-width="100px"class="demo-ruleForm"><el-form-itemlabel="活动名称"prop="name"><el-inputv-model="ruleForm.name"></el-input></el-form-item><el-form-itemlabel="活动区域"prop="region"><el-selectv-model="ruleForm.region"plac...
Element UI version 2.8.2 OS/Browsers version Any Vue version 2.6.10 Reproduction Link https://codepen.io/bh20077/pen/NVObdd Steps to reproduce Add an el-form in el-tabs, add label-width="auto" on the el-form Make the form destroy. (using...
我们期望的效果是label和输入框的距离是在同一行显示。我们只需要在el-form,el-form-item上添加label-width属性即可。 在el-form上添加label-width属性 <el-formref="form":model="formData"label-width="80px"><el-form-itemlabel="活动名称"><el-inputv-model="formData.name"/></el-form-item></el-fo...
="form" :model="formData" :rules="rules" label-width="80px" size="normal"> <el-form-item label="地址"> <el-input v-model="visit.formData.address" /> </el-form-item> <el-form-item label="地址2"> <el-input v-model="visit.formData.address2" /> </el-form-item> </el-form>...
注:label-width设置为 auto 的原因。 What is actually happening? 出现label-width相关的报错: [Vue warn]: Error in beforeDestroy hook: "Error: [ElementForm]unpected width " found in ---> <LabelWrap> at packages/form/src/label-wrap.vue <ElFormItem> at packages/form/src/form-item.vue <El...
prop="name" label="名称"> </el-table-column>不要设置 width="80px"，各个label就会自适应分布...
'新增' : '编辑')":visible.sync="dialogVisible":before-close="handleClose"><el-formref="form":model="form"label-width="80px"><el-form-itemlabel="活动名称"prop="name"><el-inputv-model="form.name"></el-input></el-form-item></el-form><spanslot="footer"class="dialog-footer"><el...