this.$router.push 没有按预期推送道具

Question

我正在尝试从一个页面导航到另一个页面并将道具传递给新页面组件。这是我的 router.push：

      this.$router.push({ 
          name: 'settings', 
          params: { 
            theme: 'dark' 
          },
          props: true
        }) 
      }   

另一个组件看起来像这样：

export default {
  name: 'settings',
    props: ['theme'],
    mounted () {
      console.log("on mount: " + this.$props.theme)
      console.log(this.$route.params.theme)
  }
    }}
</script>

为什么 theme 总是未定义？我怎样才能得到它的价值？

它正确导航到页面，但我无法访问任何道具。

Answer 1

你通过data传递data所以你得到它是这样的：

export default {
name: 'settings',
mounted () {
  console.log(this.$route.params)
}
}}