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

el-form 使用el-row el-col对齐 注意事项

1.el-form 使用inline,el-form-item宽度会失效。
2.为了保证el-form-item 和 它内部的el-input 能在一行,要设置el-form-item的label-width

 <el-form :model="editInspectform"><el-row style="margin-bottom: 20px"><el-col :span="8"><el-form-item label-width="120px" label="测试1:"><el-input v-model="editInspectform.test1" disabled></el-input></el-form-item></el-col><el-col :span="8"><el-form-item label-width="120px" label="测试2:"><el-input v-model="editInspectform.test2" disabled></el-input></el-form-item></el-col><el-col :span="8"><el-form-item label-width="120px" label="测试3:"><el-input v-model="editInspectform.test3" disabled></el-input></el-form-item></el-col></el-row></el-form>
http://www.xdnf.cn/news/625339.html

相关文章:

  • 从碎片化到集成化:Profibus转Profinet网关引领设备管理数字化转型
  • 【TypeScript】知识点梳理(四)
  • 5月24日day35打卡
  • qiankun解决的问题
  • ABC406E 题解
  • python中Web框架Flask vs FastAPI 对比分析
  • 一个开源的 Blazor 跨平台入门级实战项目
  • 红黑树简单模拟实现
  • 随机森林(Random Forest)学习
  • ES的Refresh、Flush、Merge操作对性能的影响? ES如何实现近实时(NRT)搜索? ES聚合查询的Terms和Cardinality区别?
  • R基于多元线性回归模型实现汽车燃油效率预测及SHAP值解释项目实战
  • TDengine 高可用——双活方案
  • 爬虫实战之爬微博图片:xpath的具体运用
  • maven 3.0多线程编译提高编译速度
  • C++类型转换
  • Flink运行架构及并行度设置
  • 9.4在 VS Code 中配置 Maven
  • [C++]洛谷B3626 跳跃机器人(题干 + 详细讲解, BFS练习题)
  • 安卓11 不带谷歌包默认桌面布局
  • android studio 开启无线调试
  • JVM 的垃圾回收机制 GC
  • QT写槽函数的注意事项
  • 第1周 神经网络基石: 从零构建你的第一个模型
  • 深入理解设计模式之适配器模式
  • 类和对象(1)
  • ai陪伴项目——Android app开发
  • Spring框架--IOC技术
  • 国际前沿知识系列三:解决泛化能力不足问题
  • pytest+allure+allure-pytest 报告输出遇到的问题汇总
  • 计算机网络学习(五)——TCP