子组件接受父组件异步传值的问题

// 父组件

<div class="data">

<show-data :geoData="geoData" />

</div>

const getData = async (time, type) => {

     const res = await getList(handleDate(time));

     // console.log(res);

     geoData.value = res.data.mapVal;

}

// 子组件

const props = defineProps({

geoData: {

type: Object as PropType<any>,

},

});

const geoData = ref(props.geoData);

console.log(geoData.value);

watch(props, (news, olds) => {

 console.log(news.geoData);

 console.log(olds.geoData);

 geoData.value = news.geoData;

});

console.log(geoData.value);

最终watch里面的打印是有数据的，watch外面的打印为空

就是异步的问题，只有部分代码，无法定位同学具体的需求，同学可以在watch里面设置值，如果需要在template中展示，那么推荐添加个判断，在数据有值的时候才展示。

祝学习愉快~