通过路由器发送 属性 无效

Question

我不确定我这样做是否正确，这是我的路由器视图定义：

{
  path: '/page',
  name: 'page',
  component: Page,
  props: true,
  meta: { requiresAuth: true}
},

然后我像这样访问视图：

self.$router.push({ name: 'page', params: {stuff: true }})

这是我的页面组件：

<template>
  <div class="page">
    {{ stuff }}
  </div>
</template>

<script>


export default {
  name: 'Page',
  data() {
    return {
      stuff: false
    }
  },
}
</script>

看起来 stuff 属性 没有设置为 true，它总是 false

Answer 1

我们的代码将 stuff 作为组件 props 传递，而不是组件的数据

<template>
  <div class="page">
    {{ stuff }}
  </div>
</template>

<script>


export default {
  name: 'Page',
  props: ['stuff']
}
</script>

在document中：

When props is set to true, the route.params will be set as the component props