提示信息

const route = useRoute();用法,能得到哪些值?

哀而不伤 已关注

useRoute() 是 Vue Router 4.x(Vue 3 的版本)中的一个新方法,它是 Composition API 的一部分。这个函数返回代表当前路由的 route 对象。

以下是你可以从 route 对象中得到的一些属性:

  1. name: 当前路由的名称。
  2. path: 当前 URL 的路径部分。
  3. hash: URL 的哈希值(#后面的部分)。
  4. query: 一个包含 URL 查询参数的对象。例如,在URL为 /path?user=123 中,route.query.user 将等于 '123'
  5. params: 一个包含动态片段和星号片段的对象。如果你的路由有路径参数(例如 '/user/:id'),那么你可以通过 route.params.id 来访问它。
  6. fullPath: 完整的 URL,包括查询参数和哈希值。
  7. matched: 一个数组,包含所有嵌套路径片段的路由记录。
  8. meta: 当前路由的元信息。

示例:

```
import { useRoute } from 'vue-router'

export default {
setup() {
const route = useRoute()

  1. // 访问路由属性
  2. console.log(route.name)
  3. console.log(route.path)
  4. console.log(route.hash)
  5. console.log(route.query)
  6. console.log(route.params)
  7. console.log(route.fullPath)
  8. console.log(route.matched)
  9. console.log(route.meta
    遇到难题? "AI大模型GPT4.0、GPT" 是你的私人解答专家! 点击按钮去提问......
哀而不伤 关注 已关注

最近一次登录:2023-12-13 14:49:17   

暂时还没有签名,请关注我或评论我的文章
×
免费图表工具,画流程图、架构图