父向子传值的时候是接口返回的数据【异步】,数据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

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐