利用 设置空格

想要实现上面效果，一开始直接<el-col :span="8" >{ { item.name }}&nbsp;&nbsp;</el-col>

或者<el-col :span="8" >{ { item.name + '  ' }}</el-col>或者<el-col :span="8" >{ { item.name + '&nbsp;&nbsp;' }}</el-col>

都无效，后使用下面方法实现想要的空格效果

<el-row v-if="item.type!=='1'" class="row-ag">
    <el-col :span="2" ><span v-html="'&nbsp;&nbsp;'"></span></el-col>
    <el-col :span="6" >{
  { item.name }}</el-col>
    <el-col :span="2"><div class="label">大小:</div></el-col>
    <el-col :span="6"><div>{
  { item.volumeSize }}GB</div></el-col>
    <el-col :span="2"><div class="label">存储类型:</div></el-col>
    <el-col :span="6">{
  { storagePoolDisplay(item.storagePoolId,poolData) }}</el-col>
</el-row>