Vuejs - 使用 router.push() 时未定义的属性 'id'

Question

你好，我有一个 table，我的所有信息都在其中注册，并且一个字段有一个按钮可以查询每一行。我想要的是获取每一行的 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才能成功通过并打开我的新页面？

Answer 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>

Vuejs - 使用 router.push() 时未定义的属性 'id'

Vuejs - property 'id' of undefined when using router.push()

vue.js

vuejs3

antdv

Vuejs - 使用 router.push() 时未定义的 属性 'id'

Vuejs - property 'id' of undefined when using router.push()

vue.js

vuejs3

antdv

Vuejs - 使用 router.push() 时未定义的属性 'id'