Vue JS-将道具传递到Vue Rotuer中的组件

Question

我的主页中有以下内容

<info-panel type="updates"><info-panel/>

它的扩展版本存在于其他页面上。如何在路由器中将相同的道具传递给它？

  path: '/infopanel',
        components: {
          default: InfoPanel,
          nav: PrimaryNav
        },
   }

Answer 1

这样应该可以工作：

  path: '/infopanel',
    components: {
      default: InfoPanel,
      nav: PrimaryNav
    },
    props: { 
      default: true, 
      type: "updates" 
    }
  }

以下是您要实现的目标的指南：

https://router.vuejs.org/guide/essentials/passing-props.html#passing-props-to-route-components