父向子传值,子组件props接收数据为undefined
·
父向子传值的时候是接口返回的数据【异步】,数据detail是undefined,我们需要用watch监听拿到值进行处理
注意:不要用onMounted里处理
解决 Bug:
我们已经发现子组件通过 prop 获取数据为空的问题是 axios 异步请求机制导致的,解决思路有两种:
- 数据到达后再传递:即等父组件确认从后端获取到数据之后再通过 prop 传递给子组件
- 监听父组件改变的 prop:在子组件中定义 watch 属性监听父组件通过 prop 传递数据的变化情况
watch(() => props.detailInfo.related_hubs, (value) => {
value && value.map((v:any) => {
hubs.value.push(v.name)
})
});
原版:https://blog.csdn.net/qq_41773806/article/details/121735767
更多推荐
所有评论(0)