结合Vue路由器配置中url和道具对象的优点

  • Z时代
  • 2024-01-10
  • 分类：问答

这是我的路由器配置。结合Vue路由器配置中url和道具对象的优点

const router = new VueRouter({ 
    routes: [ 
    { 
     path: '/user/:id', 
     components: User, 
     props: { 
     sidebar: true 
     } 
    } 
    ] 
})

我无法访问到所有的道具（例如sidebar和id），只有在此配置sidebar。

任何想法？

回答：

您可以访问路线路径，而params这样的：

this.$route.path或

this.$route.params.id

从你的函数，计算出的道具或者你的模板内

回答：

如果我理解正确的话，你想将支持sidebar设置为true（静态），将支持id设置为:idURL参数（动态）。

你必须使用一个函数，它接受的路径作为参数，并返回要对组件设置的道具值：

props: route => ({ 
    id: route.params.id, 
    sidebar: true, 
})

已在VUE路由器文档看看Function Mode了解更多信息。

以上是 结合Vue路由器配置中url和道具对象的优点 的全部内容， 来源链接： utcz.com/qa/263770.html

回到顶部