Vuetify选项卡，使所有选项卡主体在v-tab构造中的html dom中填充

Question

我有一组Vuetify标签。我的问题是我需要在创建选项卡集的同时构建选项卡内容。

当我在devtools中查看页面的HTML时，我看到默认选项卡的选项卡主体出现了，但是其他选项卡的主体一直为空，直到选择了选项卡为止。

（FWIW，选择选项卡后，选项卡主体仍然存在-不会被删除）。

页面上还有其他组件正在生成内容，这些内容将插入到选项卡主体中。因此，如果选项卡主体不存在，则无法插入内容。

示例代码：

npm install -g angular-cli@~7.0.7

devtools的快速屏幕快照，显示尚未为选项卡2和3加载选项卡主体。

Answer 1

从vuetify 2开始，您必须明确告诉选项卡使用eager属性在安装时加载其内容。

<v-tab-item :eager="true">
    First Tab
<v-tab-item>