当前位置: 首页 > 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>

相关文章:

  • 后端开发概念
  • 【MPC控制 - 从ACC到自动驾驶】车辆纵向动力学建模与离散化:MPC的“数字蓝图”
  • 微前端架构:从单体到模块化的前端新革命
  • 【C++】C++异步编程四剑客:future、async、promise和packaged_task详解
  • 使用 CodeBuddy 实现视频合并工具:解决本地视频处理痛点
  • 可增添功能的鼠标右键优化工具
  • LumaDot (亮度可调的屏幕圆点)
  • 【Linux仓库】权限的量子纠缠:用户/组/other如何编织Linux访问控制网?
  • uniapp+ts 多环境编译
  • WebSockets 在实时通信中的应用与优化
  • H3C-W2000-G2【透明反代理】
  • 【Linux网络篇】:Socket网络套接字以及简单的UDP网络程序编写
  • 【如何做好一份技术文档?】用Javadoc与PlantUML构建高质量技术文档(API文档自动化部署)
  • 贪心介绍 LeetCode 455.分发饼干 LeetCode 376. 摆动序列 LeetCode 53. 最大子序和
  • 力扣热题100之排序链表
  • leetcode - 前缀和
  • 前端框架token相关bug,前后端本地联调
  • 每日算法刷题Day14 5.24:leetcode不定长滑动窗口求子数组个数越长越合法4道题,用时1h20min
  • 【MySQL】07.表内容的操作
  • leetcode438.找到字符串中所有字母异位词
  • flask 电影网站开发/seo是什么意思广东话
  • 网站seo诊断书/买外链
  • 奢侈品网站策划方案/杭州网站seo外包
  • 制作微信网页的网站吗/搜狗推广登陆
  • 做网站 挣广告联盟的佣金/搜索引擎优化自然排名的优点
  • 58同城有做网站/seo方法