我可以在 v-data-table 的 header 中加入 v-select

Question

有什么方法可以在 v-data-table 的 header 中包含 v-select 吗？

这里有一些图片来说明

Answer 1

您可以使用 top 插槽注入您的 select :

   <v-data-table
      :headers="headers"
      :items="desserts"
      item-key="name"
      class="elevation-1"
  
    >
      <template v-slot:top>
        <v-select
          :items="items"
          label="Standard"
        ></v-select>
      </template>

 </data-table>

我可以在 v-data-table 的 header 中加入 v-select

Can I have v-select in header of the v-data-table

vue.js

vuetify.js