在 vue 的 v-data-table 的页脚中添加刷新按钮

【问题标题】：Adding a refresh button in the footer of a v-data-table in vue在 vue 的 v-data-table 的页脚中添加刷新按钮
【发布时间】：2021-02-26 11:39:13
【问题描述】：

我想在页脚中添加一个按钮。

到目前为止，我只成功地添加了一个删除一些页码的按钮，如本例所示：Vuetify V-Data-Table footer Add Button

所以我想在不删除页脚的情况下添加它。

【问题讨论】：

标签： html vue.js

【解决方案1】：

我昨天才这样做。

试试这个

<v-card>
    <v-card-text>
        <v-data-table>
        </v-data-table>
    </v-card-text>
    <v-divider />
    <v-card-actions>
      <v-btn
        disabled
        block
        depressed
        class="transparent font-weight-bold grey--text pa-2 d-flex align-center justify-start"
      >
        <v-icon>add</v-icon>
        <span>Add new row</span>
      </v-btn>
    </v-card-actions>
</v-card>

【讨论】：

抱歉无法让它工作，我该如何在我的 v-data-table 中实现它？
但这会使按钮位于页脚部分下方。我希望它成为fotter的一部分。