总体写法同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>