實現后的樣式效果

實現方式

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，給一個固定長度，然后指定右偏移。