css - vuetify v-data-table 每页行选项不显示

Question

这个codepen包含我正在使用的代码，但是我无法用codepen的工作方式重新创建我的确切错误，

https://codepen.io/benwasin97/pen/eYveZGL

<v-card id="card" class="card">

</v-card>

代码的结构应该是除了 v-data-table 之外的所有东西都在它自己的组件中，并且这个组件有一个插槽。然后，我使用将 v-data-table 包裹在 v-card 周围的组件的插槽将 v-data-table 放入组件内。

但是，当我在本地计算机上尝试此操作时，v-menu 下拉菜单“每页行数选项”不再显示在我的表中。

我有一些预感它没有出现，因为我将 v-data-table 放在另一个组件的插槽内？因为这似乎会导致问题，但不能 100% 确定。

如果有人使用过 v-data-tables 并遇到此问题或知道可能出了什么问题，请告诉我！谢谢

标签： cssvue.jsvuetify.js