vue3中组件没有被调用,没进去也没报错

在父页面引用了一个组件,然后父级调用子组件方法,但是根本没进去,也不报错

父级页面挂载组件


父级setup中引入组件

import VideoPluginView from '@/components/common/VideoPlugin.vue'

父级方法调用子组件方法,这里的openChannelsPerviewPage在其他函数里被调用了

	// 视频预览挂载
	const video_perview_ref = ref(null)
	// 打开视频预览界面
	const openChannelsPerviewPage = (cs_id = 1) => {
		console.log('获取视频', cs_id)
		video_perview_ref.value.openPage(cs_id)
	}

但是输出只走到获取视频,根本没进入到子组件中

子组件中的一个被父级调用的函数

const openPage = (cs_id) => {
  console.log("视频插件传入的", cs_id);
};

问题出在子组件中没有用defineExpose把函数暴露出去

在子组件中加上

defineExpose({
  openPage,
});

就可以了,里面放要暴露出去的方法

你可能感兴趣的:(前端,javascript,vue.js)