-Go服务器开发

在 Vue Router 中使用 state 来传递所有的 record 是一个有效的做法。如果您希望在路由跳转时将整个 record 对象传递到目标页面，您可以按照以下方式进行。

修改路由配置：确保您的路由配置允许接收状态（state）。一般情况下，使用 name 跳转是可以的。
在操作按钮中使用 state 传递数据：在你的代码中，已经正确地为每个记录创建了对应的按钮，并且使用 router.push() 方法将整个 record 作为状态传递。你可以直接使用这段代码：

const handleFollowUp = (record) => {
  // 根据记录类型决定跳转到哪个页面
  if (record.type === '协商') {
    router.push({
      name: 'NegotiatePage',
      state: { record } // 使用路由state传递数据
    })
  } else if (record.type === '投诉') {
    router.push({
      name: 'ComplaintPage',
      state: { record } // 使用路由state传递数据
    })
  }
}

接收传递的数据：在目标组件中，可以通过 $route.state 来访问之前传递的数据，例如：

<template>
  <div>
    <h1>记录详情</h1>
    <pre>{{ record }}</pre> <!-- 打印 record 数据 -->
  </div>
</template>
<script setup>
import { ref, onMounted } from 'vue'
import { useRoute } from 'vue-router'
const route = useRoute()
const record = ref(null)
onMounted(() => {
  // 从路由状态中获取记录数据
  if (route.state && route.state.record) {
    record.value = route.state.record
  }
})
</script>