el-form-item中label左(或右)对齐
<el-form :model="assets" ref="assetsForm">
<el-row>
<el-col :span="12">
<el-form-item label="资产名称:" style="display: flex;justify-content: space-between">
<el-input style="width: 190px" v-model="assets.name" placeholder="资产名称"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
...
</el-col>
</el-row>
</el-form>
--- ">>>",这个是深度选择器,可以在style 为scoped的时候找到你的dom进行修改.
--- 因为必选字段的*,这个符号(还有字数不相同等原因)会对对齐效果造成一定影响,所以先给label和input一个固定的宽度,再设置label的左对齐或者右对齐
<style scoped>
.el-form >>> .el-form-item .el-form-item__label {
width: 30%;
display: inline-block;
}
</style>