传递参数NativeScript-Vue

Question

我正在尝试将params传递给Nativescript上的另一个路由，但它总是返回undefined。我在用nativescript-vue-navigator。

当前在屏幕上，我正在调用以下函数

this.$navigator.navigate('/map', { props: { name: 'Rafael Augusto'} } )

在我的地图屏幕上，我试着像这样

export default {
  props: ['name'],
  mounted(){
    console.log(this.name)
  }
}

Answer 1

真的很晚了，但如果其他两个答案不起作用，可能会对其他人有所帮助：

export default {
  props: ['name'],
  data() {
    name: this.name
  }
  mounted(){
    console.log(this.name)
  }
}

Answer 2

我觉得你应该试试这样

export default {
  props: ['name'],
  mounted(){
    console.log(this.props.name)
  }
}

如果这不起作用，那么请分享一个游乐场样本，我可以在那里检查问题

Answer 3

在你的目标页面上，尝试这样定义道具：

props: {
        name: {
            type: String,
            default: ''
        }
    }

这对我很有效。