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

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

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

    回复:

    【讨论】:

      猜你喜欢
      • 2019-10-21
      • 2018-02-21
      • 1970-01-01
      • 2013-05-14
      • 2020-08-21
      • 2016-02-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多