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>

效果如图所示

相关推荐
2601_949833393 分钟前
flutter_for_openharmony口腔护理app实战+预约管理实现
android·javascript·flutter
军军君011 小时前
Three.js基础功能学习十三:太阳系实例上
前端·javascript·vue.js·学习·3d·前端框架·three
xiaoqi9222 小时前
React Native鸿蒙跨平台如何实现分类页面组件通过searchQuery状态变量管理搜索输入,实现了分类的实时过滤功能
javascript·react native·react.js·ecmascript·harmonyos
qq_177767372 小时前
React Native鸿蒙跨平台实现应用介绍页,实现了应用信息卡片展示、特色功能网格布局、权限/联系信息陈列、评分展示、模态框详情交互等通用场景
javascript·react native·react.js·ecmascript·交互·harmonyos
2603_949462103 小时前
Flutter for OpenHarmony社团管理App实战:预算管理实现
android·javascript·flutter
wuhen_n3 小时前
JavaScript内存管理与执行上下文
前端·javascript
Hi_kenyon3 小时前
理解vue中的ref
前端·javascript·vue.js
jin1233224 小时前
基于React Native鸿蒙跨平台地址管理是许多电商、外卖、物流等应用的重要功能模块,实现了地址的添加、编辑、删除和设置默认等功能
javascript·react native·react.js·ecmascript·harmonyos
2501_920931704 小时前
React Native鸿蒙跨平台医疗健康类的血压记录,包括收缩压、舒张压、心率、日期、时间、备注和状态
javascript·react native·react.js·ecmascript·harmonyos
橙露5 小时前
React Hooks 深度解析:从基础使用到自定义 Hooks 的封装技巧
javascript·react.js·ecmascript