Bootstrap

vue3:获得router-view渲染的子组件实例

  • 父组件调用子组件使用defineExpose暴露的属性和方法时,需要先用ref获得子组件实例,再通过子组件实例调用
  • 如果子组件是用router-view渲染的话,就无法直接通过ref获取到子组件的实例了,那么可以用如下方法获得子组件实例
<router-view v-slot="{ Component }">
	<component :is="Component" ref="child" />
</router-view>
;