Vue.js 如何使用Vuetify Data table在鼠标悬停在表格上时显示按钮

我刚开始使用Vuetify开发Vue.js。这里我使用v-data-table组件来显示表数据。 是否有一个选项，当用户用鼠标悬停在桌子上时，他可以看到桌子上的按钮？或者，如果我在显示按钮上选择行隐藏行值。如果我选择了multiple，那么我们需要显示表格标题部分的按钮（如标题标题禁用显示按钮）。

---

在此处输入图像描述]

以下是我将如何使用

`

 <template v-slot:body="{ items }">
            <tbody>
              <tr
                v-for="item in items"
                :key="item.id"
                :search="search"
                @mouseover="selectItem(item)"
                @mouseleave="unSelectItem()"
              >
                <td>
                  <v-checkbox
                    multiple
                    v-model="selected"
                    :value="item"
                    style="margin:0px;padding:0px"
                    hide-details
                  />
                </td>
                <td> {{ item.one }}</td>
                <td> {{ item.two }}</td>
                <td> {{ item.three }}</td>
                <td>
                  <div v-if="item === selectedItem">
                  <v-btn>click</v-btn>

                   </div>
                    </td>
                </tr>
              </tbody>

{{item.one}
{{item.two}
{{item.three}
点击

`

---

v-table采用了一个

#项

插槽，您可以在其中自定义行布局-从而添加

@mouseover

事件您可以与我分享一下简短的解释吗？我做了一些事情，可能会让您对插槽机制有一些了解：--还有一个关于vuetify文档的示例：