vue3 表单项不对齐的解决方案
表单项不对齐,如下图所示:
原来的代码:CommonApplyBasicInfoForm.vue
<script setup lang="ts" name="CommonApplyBasicInfoForm">
......
</script><template>......<el-form ref="formRulesRef" :model="applyBasicInfo" :rules="formRules">......
</template>
表单 el-form 增加 label-width="auto"
修改后的代码:
<script setup lang="ts" name="CommonApplyBasicInfoForm">
......
</script><template>......<el-form ref="formRulesRef" :model="applyBasicInfo" :rules="formRules" label-width="auto">......
</template>
修改后的应用效果: