b表中的页脚不显示 - Bootstrap-vue

Question

我使用的是“bootstrap-vue”版本：“2.0.0-rc.11”，不知道为什么表格中的页脚不起作用。我尝试了文档示例，但它对我不起作用。

我的代码：

<!-- TEST 1 -->
<b-table id="my-table" hover striped small outlined :items="items" :fields="fields" class="mt-0 mb-0">
    <template v-slot:custom-foot>
        <tr>
            <td class="bg-dark text-white">
                TEST 1
            </td>
        </tr>
    </template>
</b-table>

<!-- TEST 2 -->
<b-table id="my-table" hover striped small outlined :items="items" :fields="fields" class="mt-0 mb-0">
    <template v-slot:cell(name)="data">
        TEST 2
    </template>
</b-table>

data() {
    return {
    fields: [
        { key: 'name', label: 'Full Name' },
        { key: 'age', label: 'Age' },
        { key: 'sex', label: 'Sex' }
    ],
    items: [
        { name: 'John', sex: 'Male', age: 42 },
        { name: 'Jane', sex: 'Female', age: 36 },
        { name: 'Rubin', sex: 'Male', age: 73 },
        { name: 'Shirley', sex: 'Female', age: 62 }
    ]
    }
}

它根本不显示页脚。

Answer 1

您面临的问题是您使用的版本。

custom-foot 插槽是在 2.0.0 版本中引入的，在 rc 版本中不可用。

您的TEST 2 示例也是如此。 您在此处使用的插槽语法在 2.0.0 中进行了介绍。

在此之前，2.0.0-rc.28 版本中是 [field]、HEAD[field] 和 FOOT[field]。 （并且只有这个版本）。

2.0.0-rc.27 及以下版本为field、HEAD_field、FOOT_field。

---

我建议您升级您的版本，以获得最新的功能和修复，因为您当前使用的版本已经很旧了。

介于最新版本和您正在使用的版本之间的唯一主要补丁是 2.0.0 版本，它引入了一些重大更改。

您可以使用migration guide 来避免太多问题。

如果您不想/不能升级。您可以改为克隆 git repository 并在您的计算机上本地生成您正在使用的版本的文档。这样，文档上的信息将与您的版本相匹配，以避免混淆。

如果您需要在线访问，您甚至可以将其上传到您自己的主机。