如图左侧那一列,竣工类项目没有做地类这个子类,项目经理想要直接空在那里
- 但直接空着,布局会乱掉,即第一行的效果
- 项目经理的预期效果是第二行的,后文介绍下如何实现
- (个人认为第三行的展现方式看起来更好些)
用 <pre></pre>
标签包裹空格即可(无数据时直接渲染空格)
- 参考:CSS 的空格处理
在 HTML 中代表空格
<div>
<!-- 其他字段 -->
<span v-if="!noData">做地类:{{item.count}}</span>
<pre v-else> </pre>
</div>