vue3路由传参如何传递数组对象

在Vue3中，路由传参需要将数组对象转换成字符串，然后在接收参数的页面再将其转换成对象。具体步骤如下：

1. 在路由跳转时，使用JSON.stringify()方法将数组对象转换成字符串，并将其作为参数传递。

import { useRouter } from 'vue-router'

const router = useRouter()

const toDetail = () => {
  const list = [{ name: 'Tom', age: 18 }, { name: 'Jerry', age: 20 }]
  router.push({
    name: 'detail',
    params: {
      list: JSON.stringify(list)
    }
  })
}

2. 在接收参数的页面，使用JSON.parse()方法将字符串转换成数组对象。

import { useRoute } from 'vue-router'

export default {
  setup() {
    const route = useRoute()
    const list = JSON.parse(route.params.list)
    console.log(list) // 输出：[{ name: 'Tom', age: 18 }, { name: 'Jerry', age: 20 }]
  }
}