Vuetify select 在项目前面附加缩进

Question

有什么办法可以在 Vuetify select 组件中的 select 项前面添加缩进吗？通常当我使用默认的 select HTML 标签时，我可以使用   之类的东西在选项 ex:

前面附加一个或多个缩进

<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 select 组件。感谢您的帮助:)

Answer 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'],

回复：

Vuetify select 在项目前面附加缩进

Vuetify select append indent in front of item

vuetify.js