vue3 父组件调用子组件的方法/父组件获取子组件的值

vue3 父组件调用子组件的方法/父组件获取子组件的值

父组件 通过ref调用

	<TimeChart ref="timeChartRef"></TimeChart>
	<script lang="ts" setup>
		const timeChartRef = ref(); // 时间
	</script>
	// 调用组组件的方法
	timeChartRef.value.getTimeRange()
	

子组件：通过defineExpose暴露方法

	// 获取当前时间选择器时间
	const getTimeRange = () => {
		const time = {
			dataStartTime: dataStartTime.value,
			dataEndTime: dataEndTime.value,
		};
		return time;
	};
	defineExpose({ getTimeRange });