0

嗨，我有一张表格，其中注册了我的所有信息，并且一个字段有一个按钮可以查阅每一行。我想要的是获取每一行的 id 并将其传递给 router.push 但这样做会得到我未定义的错误任何人都可以帮助我如何完成这项工作吗？

我使用 Ant Design Vue，这就是为什么我有 a- 元素，这是我的文件

<a-table :data-source="dataSource" :columns="columns" :loading="loading" rowKey="id">
// ive got more code here but this is the button code  :
<template #details>
    <span>
      <a-button
        @click="click(record)"
        class="btn btn-sm btn-light mr-2"
      >
        Details
      </a-button>
    </span>
  </template>
</a-table>
     <script>
      setup()      
 {const router = useRouter()
    const click = (record) => {
      router.push({ 
          name:'details' , params:{id:[record.id]},
        })
    }
   }

我怎样才能真正让 id 成功传递它并打开我的新页面？

4

1 回答 1

1

所以我错过了一个简单的细节，感谢 Matt U，我明白了：我只需要以这种方式在我的模板中添加“记录”：

  <template #details="{record}"> <-- here's the add
    <span>
      <a-button
        @click="click(record)"
        class="btn btn-sm btn-light mr-2"
      >
        Details
      </a-button>
    </span>
  </template>
于 2021-05-21T09:25:34.413 回答