HTML选择框中的Vue.js空白

我是Vue.js的新手，目前正在尝试找出如何在HTML“选择”下拉列表的选项中维护空白。我使用v-for填充列表，如下所示：

<option
 v-for="category in displayCategories"
 :key="category">
 {{ category }}
</option>

目前，一些东西似乎正在删除空格字符。我不确定问题是否出在Vue或HTML上

谢谢你抽出时间

---

Josh

这是HTML的一个特点@伯特，我刚读了这篇文章。是否可以强制HTML使用标记呈现空白？如何在Vue代码中实现这一点？谢谢，Josh您可以，但在

选项

标记中并不容易。你想干什么？是否有迹象表明某些选项是按类别分组的？@Bert Yeah。对象被分组到带有空白缩进的类别中。您可能需要尝试一种方法。

 `SECTOR`,
 `   Food and Drink`,
 `   Education`,
 `   Transport`