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作为组件属性，而不是组件数据

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

<script>


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

在document中：

将props设置为true时，route.params将被设置为道具道具

通过路由器发送属性不起作用

1 个答案: