Vue.js Vue强制渲染所有子组件

Vue.js Vue强制渲染所有子组件,vue.js,vuejs2,vue-component,vuetify.js,Vue.js,Vuejs2,Vue Component,Vuetify.js,我正在使用Vue&Vuetify创建我的应用程序。对于vuetify,我使用v-expansion-panels创建手风琴风格的显示器。每个v扩展面板本身都包含一个自定义组件 我注意到,在第一次单击扩展面板之前,不会创建这些组件。之后,使用keep-alive可以激活子组件的所有反应性属性和方法(这是我想要的行为) 如何在创建父组件时强制创建子组件?这样,在子组件的created()生命周期钩子中触发的任何方法都应该在创建父组件时触发 是当前行为的一个示例。注意:单击面板时,请务必查看控制台。如

我正在使用Vue&Vuetify创建我的应用程序。对于vuetify,我使用
v-expansion-panels
创建手风琴风格的显示器。每个
v扩展面板本身都包含一个自定义组件

我注意到,在第一次单击扩展面板之前,不会创建这些组件。之后,使用
keep-alive
可以激活子组件的所有反应性属性和方法(这是我想要的行为)

如何在创建父组件时强制创建子组件?这样,在子组件的
created()
生命周期钩子中触发的任何方法都应该在创建父组件时触发


是当前行为的一个示例。注意:单击面板时,请务必查看控制台。

如果您仔细想想,实际上延迟加载扩展面板的内容是有意义的,因为如果用户从未打开过它们,这是无用的工作。因此,您尝试完成的事情可能有更好的方法,但是如果您仍然喜欢它,那么我的建议是找到一种通过编程打开/关闭面板的方法(如图所示),并在渲染父组件时快速打开和关闭面板。这样,您将创建子组件
,UI将保持不变