html 保留空格

如图左侧那一列，竣工类项目没有做地类这个子类，项目经理想要直接空在那里

• 但直接空着，布局会乱掉，即第一行的效果
• 项目经理的预期效果是第二行的，后文介绍下如何实现
• （个人认为第三行的展现方式看起来更好些）
  

用 <pre></pre> 标签包裹空格即可（无数据时直接渲染空格）

• 参考：CSS 的空格处理
•   在 HTML 中代表空格

<div>
    <!-- 其他字段 -->
    <span v-if="!noData">做地类：{{item.count}}</span>
    <pre v-else>&nbsp;</pre>
</div>