Vue Router文件中如何使用URL参数和查询

Question

我想在 vue 路由器定义文件中使用 URL 参数和查询，以便动态设置标题名称。

我尝试使用$route.params.paramName格式：

const routes = [
 {
    path: '/rooms/:room/:id?',
    name: `${$route.params.room}`,
    component: RoomsView,
    meta:{
      title: `${$route.params.room} ${$route.params.id} - WebsiteName`
    }
  }
]

你知道我如何访问这些值吗？

Answer 1

我认为最好让组件本身用类似的东西呈现逻辑

computed: {
 title() {
  const { name, id } = this.$route.params; 
  return `${name} ${id} - WebsiteName`;
 }
}

我认为文档也会给你一些有用的见解