b-table中的页脚不显示--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 例如，你在这里使用的slot语法是在 2.0.0.

在此之前，它是 [field], HEAD[field] 和 FOOT[field] 在版本中 2.0.0-rc.28. (而且只有这个版本)。

在该版本中。2.0.0-rc.27 和下面的 field, HEAD_field, FOOT_field.

---

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

唯一的主要补丁在最新的和你正在使用的之间的一个是 2.0.0 版本，引入了一些突破性的变化。

有一个 迁移指南 你可以使用，以避免太多问题。

如果你不想不能升级。你可以改用克隆下来的 git仓库 并在你的机器上为你正在使用的版本生成本地文档。这样文档上的信息就会和你的版本相匹配，避免混淆。

如果你需要在线访问它，你甚至可以把它上传到你自己的主机上。