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>

效果如图所示

相关推荐
夏幻灵7 小时前
JavaScript this 面试:五种绑定规则、优先级与常见面试陷阱
开发语言·javascript·面试
三天不学习7 小时前
Egg.js 4 突然爆火,原因是否归结于AI 原生落地需求爆发?
前端·javascript·全栈·egg.js
xcs194058 小时前
前端 vue 的前端页面debugger 进不去
前端·javascript·vue.js
雪芽蓝域zzs12 小时前
第 5 节:Marker 点击弹出 InfoWindow 信息窗口
vue.js
小宋102113 小时前
A2UI从零实战:Agent安全生成交互界面与事件回传
javascript·人工智能·安全·交互
大包子14 小时前
structuredClone vs lodash.cloneDeep:核心差异与选型指南
javascript·vue.js
lerhxx14 小时前
AI 应用中的上下文管理 —— 从"上下文窗口"到"分层压缩"的工程实践
前端·javascript
雪芽蓝域zzs15 小时前
第 3 节:地图点击事件,点击获取经纬度
vue.js
Mahut15 小时前
我在 Mac 上做了个本地剪辑器
javascript·架构·产品
WayneX15 小时前
开源 Vue 3 组件库 Morya UI:把组件、文档、AI 工具链一起做进一个包
前端·vue.js·前端框架