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 });