通过路由器传递道具不起作用

Question

我正在使用 VueJS 2.3.3 和 coffescript，我正在尝试将道具从路由器传递给组件，但我没有成功。代码不是我的，所以我很难弄清楚我做错了什么。这是我的路由器：

App = require './views/App'

Shared = {
  header: require('./views/shared/header'),
  global_loader: require('./views/shared/global_loader.vue')
}

view = (view_name) ->
  require("./views/#{view_name}")

componentize = (view_name, options = {}) ->
  options.include_header ?= true

  component = options.component || {}

  component.app ?= view(view_name)
  component.header = Shared.header if options.include_header

  component

exports.routes = [
  {
    path: '/',
    component: App
    children: [
      {
        path: '/component',
        components: componentize('path/to/component'),
        props: { has_groups: true }
      },
      ...
    ]
  }
  ...
}

这是我的 App.vue 代码：

  <template lang="pug">
    #app-wrapper
      transition(name="fade")
        router-view(name="global_loader")

      #header-wrapper
        router-view(name="header")

      #current-view-wrapper.container
        transition(name="enter")
          router-view(name="app")
    </template>

在我的组件上，我照常接收道具：

props:
   has_groups:
      default: false

一切正常，除了 has_groups 没有从路由器接收到正确的 prop 值。它不会更改为 true。

谁能帮我找出我错过了什么？

Answer 1

我找到了解决方案。当我使用命名路由时，我必须配置如下道具：

props:
  global_loader: false
  header: false
  app: (route) -> ({ has_groups: true })