el-form-item的label设置两端对齐

复制代码
<style scoped>
::v-deep .el-form-item__label {
  display: inline;
  text-align-last: justify;
}
</style>

需要给两个form设置同样的label-width

复制代码
			<el-form-item label="信号机名称" label-width="75px">
                    <el-input type="text" v-model="props.info.content.name"></el-input>
                  </el-form-item>
                  <el-form-item label="咽喉" label-width="75px">
                    <el-select v-model="props.attr.yhData" placeholder="请选择" @change="handleChange()">
                      <el-option label="上行咽喉" :value="parseInt('1')"></el-option>
                      <el-option label="下行咽喉" :value="parseInt('0')"></el-option>
                    </el-select>
                  </el-form-item>

效果如图所示

相关推荐
QT 小鲜肉4 分钟前
【Linux命令大全】003.文档编辑之head命令(实操篇)
linux·运维·服务器·前端·javascript·chrome
小二·23 分钟前
Vue Router 4 完全指南:动态路由、权限控制、懒加载与性能优化
前端·javascript·vue.js
伶俐的猪1 小时前
UI_Testing 项目详细文档
开发语言·javascript·ui
卧指世阁1 小时前
不从零开始构建专属 SVG 编辑器的实战指南
前端·javascript·前端框架
Hilaku1 小时前
年薪 50W 的前端,到底比年薪 15W 的强在哪里?
前端·javascript·架构
不想秃头的程序员1 小时前
Vue3 defineModel 完全指南:从基础使用到进阶技巧
前端·vue.js·面试
CC码码1 小时前
迈向开源第一步,给fabric.js提PR
前端·javascript·开源·web·fabric
不想秃头的程序员1 小时前
🔥Vue3 动态组件‘component’全解析
前端·vue.js·面试
天蓝色的鱼鱼1 小时前
让 JSON 数据可视化:两款 Vue 组件实战解析
前端·vue.js
Han.miracle1 小时前
JavaScript WebAPI 核心操作指南
前端·javascript·html