Question

我正在将上下文数据返回到路由，但是由于某种原因，我无法像这样访问模板中的上下文数据。

路线：

{
  path: "/select-vans/",
  component: SelectVans,
  context: {
    vans: [
      {
        VAN_ID: 1,
        NAME: "Van 01"
      },
      {
        VAN_ID: 2,
        NAME: "Van 02"
      }
    ]
  }
}

模板（HTML部分）：

<div>
  <ul>
    {{#each vans}}
    <li>{{ VAN_ID }} {{ NAME }}</li>
    {{else}}
    <li>No properties</li>
    {{/each}}
  </ul>
</div>

但是无论我做什么，它总是返回No properties，我尝试将其作为数据传递并将vans更改为this.vans，但无济于事。如果我在init上的控制台中登录页面，则可以看到page.route.route.context中的上下文确实存在，但是模板似乎无法访问它。

编辑：我通过将vans更改为$route.route.context.vans来工作了，肯定有一种获取数据的复杂方法吗？

Answer 1

尝试将其分配给变量，并使用它代替$route.route.context.vans，如下所示：

let vans = $route.route.context.vans

在我的项目中，我使用这种方法，并且效果很好：）

页面无法访问集上下文

1 个答案: