传递参数 NativeScript-Vue

Question

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

目前在屏幕上我正在调用以下 function

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

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

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: ''
        }
    }

为我工作。