vue3中路由跳转详情页配置

总体写法同vue2没什么大的区别
在路由中拼接详情页的id

{
      name: '商品详情',
      path: 'goods-details/:id',
      component: () => import('../view/Goods/Detail.vue')
}

在需要跳转的组件中

<script setup lang="ts">

import { useRouter } from 'vue-router';
const router = useRouter();
const goToDetails = (scope: any) => {
    router.push({ path: '/goods-details/' + scope.id });
}
</script>