实现后的样式效果
实现方式
html:
<el-col v-if="item.showInSingle !== false" :span="6" style="padding: 4px 0"><label>{{ item.label }}:</label><span v-if="singleData[item.prop] !== 0 && !singleData[item.prop]">--</span>
</el-col>
css
label {display: inline-block;width: 120px;text-align: right;}
将标题置为inline-block
,给一个固定长度,然后指定右偏移。