vue3.0项目实战系列文章 - 路由相关

路由跳转1： 

<router-link to="/find">路由跳转</router-link>

 to="/find"

:to="{name:'datapage', params:{id:87}}" 

路由跳转2：

import { useRoute, useRouter } from 'vue-router'
const router = useRouter() //跳转
const route = useRoute() //获取到值

//方式一
router.push({
       path: '/presentation'
})

//方式二
router.push({
   name: item.url,
   params: {
         type: item.type,
         name: item.name,
         }
  })

获取路由1：

v-if="$route.path!='/presentation'"

获取路由2：

import { useRoute, useRouter } from 'vue-router'
const router = useRouter() //跳转
const route = useRoute() //获取到值

router.currentRoute.value.params.name