当前位置: 首页 > news >正文

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>

修改后的应用效果:

http://www.xdnf.cn/news/1391149.html

相关文章:

  • Custom SRP - LOD and Reflections
  • 【AI】常见8大LLM大语言模型地址
  • SPSA为什么要求三阶可导
  • 事务和锁(进阶)
  • 对接连连支付(七)-- 退款查询
  • C++ 线程安全初始化机制详解与实践
  • Elasticsearch核心配置与性能优化
  • 从零开始的python学习——常量与变量
  • 复杂保单信息如何自动提取
  • 【新启航】3D 逆向抄数的工具技术与核心能力:基于点云处理的扫描设备操作及模型重建方法论
  • Java面试现场:Spring Boot+Redis+MySQL在电商场景下的技术深度剖析
  • Shell 编程基础(续):流程控制与实践
  • Python Imaging Library (PIL) 全面指南:PIL图像处理异常处理与优化
  • 数据结构:选择排序 (Selection Sort)
  • JavaScript 中,判断一个数组是否包含特定值
  • 【完整源码+数据集+部署教程】停车位状态检测系统源码和数据集:改进yolo11-DCNV2-Dynamic
  • 机器学习入门,从线性规划开始
  • 基于 Selenium 和 BeautifulSoup 的动态网页爬虫:一次对百度地图 POI 数据的深度模块化剖析
  • el-table实现双击编辑-el-select选择框+输入框限制非负两位小数
  • SQL知识
  • Python的一次实际应用:利用Python操作Word文档的页码
  • 打造高效外贸网站:美国服务器的战略价值
  • ASCM使用手册
  • 从零开始构建卷积神经网络(CNN)进行MNIST手写数字识别
  • 彻底弄清URI、URL、URN的关系
  • BGP路由协议(二):报文的类型和格式
  • OpenAI宣布正式推出Realtime API
  • 网络_协议
  • Qt事件_xiaozuo
  • 快速深入理解zookeeper特性及核心基本原理