How does computed transform the data of the parent component?

after the parent component passes a value to the child component to receive, and the child component receives it through computed, how can the data be fetched only from the current first array?

subcomponents

props: {
    list: {
      type: Object,
      required: true,
    },
},

computed: {
    getLogisticsList: {
      get() {
        // , OrderTrackInfo
        return this.list;
      },
    },
},

data obtained from the parent component
clipboard.png

Apr.12,2022

computed: {
    getLogisticsList () { // getLogisticsListlogisticsList
        return this.list.OrderTrackInfo
    }
}

Update, what are your requirements?

<div
  class="real-time"
  v-for="(item, index) in OrderTrackInfo"
  :key="index"
>
  <span>{{ item }}</span>
</div>

computed: {
  OrderTrackInfo: {
    get() {
      return this.list.OrderTrackInfo || []
    }
  }
}
Menu