Vue.js Vuetify制表符,在v-tab构造时将所有制表符主体填充到html dom中
我有一套Vuetify标签。我的问题是,我需要在创建选项卡集的同时构建选项卡内容 当我在devtools中查看页面的HTML时,我看到默认选项卡的选项卡主体显示出来,但是在选择选项卡之前,其他选项卡的主体都是空的 (和FWIW,在选择选项卡后,选项卡主体仍然存在——它不会被删除) 我的页面上还有其他组件正在生成插入选项卡主体的内容。因此,如果选项卡主体不存在,则无法插入内容 示例代码:Vue.js Vuetify制表符,在v-tab构造时将所有制表符主体填充到html dom中,vue.js,vuetify.js,Vue.js,Vuetify.js,我有一套Vuetify标签。我的问题是,我需要在创建选项卡集的同时构建选项卡内容 当我在devtools中查看页面的HTML时,我看到默认选项卡的选项卡主体显示出来,但是在选择选项卡之前,其他选项卡的主体都是空的 (和FWIW,在选择选项卡后,选项卡主体仍然存在——它不会被删除) 我的页面上还有其他组件正在生成插入选项卡主体的内容。因此,如果选项卡主体不存在,则无法插入内容 示例代码: 表1 表2 表3 第一个选项卡内容 第二个选项卡内容 第三个选项卡内容 devtools的快速屏幕截图显示
表1
表2
表3
第一个选项卡内容
第二个选项卡内容
第三个选项卡内容
devtools的快速屏幕截图显示选项卡2和3的选项卡主体尚未加载。
从vuetify 2开始,您必须明确告诉选项卡使用
eager
属性在装载时加载其内容
第一选项卡
你能提供一些代码吗?我添加了一些代码和dom的devtools视图的屏幕截图,其中包含空的选项卡正文内容。这正是我需要的!!非常感谢你!