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>

效果如图所示

相关推荐
meilindehuzi_a2 分钟前
打破0基础:通过 5 个核心案例深度拆解 JavaScript 正则表达式与运行时类型系统
开发语言·javascript·正则表达式
时寒的笔记5 分钟前
LF11期 day21-day22:逆向瑞数加密 欧冶案例分析(一)
javascript
lbb 小魔仙10 分钟前
稳定比技巧更重要:海外多地区数据采集的经验教训
开发语言·javascript·ecmascript
布兰妮甜13 分钟前
Vue 视图不更新?常见赋值踩坑点汇总
前端·javascript·vue.js·vue踩坑·vue视图不更新
rising start26 分钟前
三、Vue3 模板语法
vue.js
我有满天星辰28 分钟前
【Dart 语言学习教程 】第三章:函数式编程与高阶特性
开发语言·javascript·ecmascript
@zulnger37 分钟前
selenium 操作浏览器
前端·javascript·selenium
爱编程的小金42 分钟前
告别手写分页逻辑:usePagination 从 50 行到 3 行
javascript·vue·前端分页·alova·usepagination
触底反弹44 分钟前
5 个 Step,让你的前端代码连上 AI 大模型
javascript·人工智能·面试
xiaofeichaichai1 小时前
Symbol 与 Iterator / Generator
前端·javascript