为什么 vuetify <v-list> 不生成 <li> 标签

Question

这个组件不是用来渲染列表的吗？它只产生 div 而不是更多的语义元素，这难道不是一种不好的做法吗？如果我需要语义 html，我应该使用原生 html 标签而不是这个组件吗？

Answer 1

此组件确实呈现列表。尽管默认情况下他们确实使用 div，但他们的 API 提供了一种更改此行为的方法 - 您可以在 v-list:

上指定标签

<v-list tag='ul'>
  <template v-for="(item, index) in items">
    <v-list-item tag='li' :key='index'>
      {{ item }}
    </v-list-item>
  </template>
</v-list>

这将呈现一个 ul/li 列表。

为什么 vuetify <v-list> 不生成 <li> 标签

Why vuetify <v-list> doesn't produce <li> tags

vuetify.js