Nuxt js -在动态路由中传递对象参数

export default {
  validate({ params }) {
    // 验证参数是否为对象
    if (typeof params.id !== 'object') {
      return false;
    }
    return true;
  },
  async asyncData({ params }) {
    // 将参数作为组件的属性进行传递
    return { id: params.id };
  },
};

export default {
  router: {
    extendRoutes(routes, resolve) {
      routes.push({
        name: 'dynamic-route',
        path: '/dynamic/:id',
        component: resolve(__dirname, 'pages/_id.vue'),
      });
    },
  },
};

<template>
  <div>
    <p>传递的对象参数：</p>
    <pre>{{ id }}</pre>
  </div>
</template>

<script>
export default {
  props: ['id'],
};
</script>