element ui中的from表单label的字体影响输入框宽度

项目场景：

element ui + vue中label字体与输入框的宽度调整

---

问题描述

在表单里使用label时会影响输入款的或者日期选择器下拉框等组建的宽度,影响美观

---

原因分析：

label的字体会占用空间导致输入框等组件随着字体大小而变化

---

解决方案：

将输入框宽度属性函数width换成 label-width即可,这个主要是为了在input表单前加一个label预留指定宽度的空间

<el-form-item prop="psnNo" label-width="100px" label="微信充值">
                                <el-input v-model="hisclinicacctmaster.recharge_wx" placeholder="" size="default" clearable></el-input>
                            </el-form-item>