想要实现上面效果,一开始直接<el-col :span="8" >{{ item.name }} </el-col>
或者<el-col :span="8" >{{ item.name + ' ' }}</el-col>或者<el-col :span="8" >{{ item.name + ' ' }}</el-col>文章来源:https://www.toymoban.com/news/detail-835114.html
都无效,后使用下面方法实现想要的空格效果文章来源地址https://www.toymoban.com/news/detail-835114.html
<el-row v-if="item.type!=='1'" class="row-ag">
<el-col :span="2" ><span v-html="' '"></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>
到了这里,关于利用 设置空格的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!