使用路由传参

使用路由传参
第一个页面
<script lang="ts" setup>
import { useRouter } from "vue-router";
const router = useRouter()

const goDetails =()=>{
  router.push({
        path: '/detailsPage',
        query:{
          name:'天赐',
          age:'19',
          sex:'男'
        }
    })
}

第二个页面
使用route接收参数

import { useRoute } from 'vue-router';
const route = useRoute()
console.log(route.query);

console.log(route.query.name);
let name = route.query.name
console.log(name);