如何在 Vue 3 Quasar 中通过路由器链接传递道具？

问：

我用这个问题重新格式化了上一个问题。

我有一个带有 sjingle 子组件的父组件。此子组件具有指向另一个子组件的路由器链接。问题是我看不到通过路由器链接传递的道具。出现错误“无法读取未定义的属性（读取'tail'）”

//routes.js
const routes = [
  {
      path: 'aircraftsForm/:id',
      component: () => import('../components/AircraftComponent.vue'),
      props: true
    }
 ]
// Parent component
const details = ref([
    {
      id: 1,
      tail: '501'
   },
{
      id: 2,
      tail: '502'
   }
])
<template>
    <AircraftsFormComponent :details="details"/>
</template>

// First Child component
const props = defineProps(['details'])
<q-table
      :rows="rows"
      :columns="columns"
      row-key="id"
      flat bordered
      >
      <template v-slot:body="props">
        <q-tr :props="props">
<router-link 
     :to="{ 
      path: `aircraftsForm/${props.row.id}`,
      params: { aircraft: props.row }
     }" >
  </router-link>
</q-table>

// Second child component
<script setup>
  const props = defineProps({
    aircraft: {
      required: true,
      type: Object
    }
  })

</script> 

<template>
  <div>
    <p>Aicraft</p>
    <p>tail {{ aircraft.tail }} </p>    //can't see the contnent here
  </div>
</template>

我希望在路由器链接中看到渲染的道具