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