Vuetify 选择在项目前面追加缩进答案

【问题标题】：Vuetify select append indent in front of itemVuetify 选择在项目前面追加缩进
【发布时间】：2021-06-20 19:09:44
【问题描述】：

有没有办法在 Vuetify 选择组件中的选择项前面添加缩进？通常，当我使用默认选择 HTML 标记时，我可以使用 &nbsp; 之类的东西在选项前附加一个或多个缩进：

<select>
   <option value="0">Root</option>
   <option value="1">&nbsp;Category-1</option>
   <option value="2">&nbsp;&nbsp;Sub-Category-1</option>
   <option value="3">&nbsp;Category-2</option>
....
</select>

但它不适用于 Vuetify 选择组件。任何帮助表示赞赏:)

【问题讨论】：

标签： vuetify.js

【解决方案1】：

这可以通过添加带有选项值的\xA0 来实现。

items: ['Foo', 
        '\xA0Bar', 
        '\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0Fizz',
        '\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0\Buzz'],

回复：

【讨论】：