Vuetify 数据表：添加插入行图标

【问题标题】：Vuetify data table: add insert row iconVuetify 数据表：添加插入行图标
【发布时间】：2021-11-29 07:16:25
【问题描述】：

我正在寻找一种将动态“插入行”图标添加到 Vuetify 数据表的方法，类似于下面的屏幕截图：

关于如何实现这个有什么建议吗？

【问题讨论】：

【解决方案1】：

使用模板插入一个仅在悬停时显示的 div，并在绝对位置上带有侧边按钮：

<v-data-table>
  <template #item="{ item }">
    <div class="myBorderBottomBlueClass"> // only reveal on hover
      // my icon in absolute position left with @click
    </div>
  </template>
</v-data-table>

【讨论】：