传递参数 NativeScript-Vue答案

【问题标题】：Passing params NativeScript-Vue传递参数 NativeScript-Vue
【发布时间】：2020-04-07 01:54:27
【问题描述】：

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

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

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

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

我认为你应该这样尝试

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

如果这不起作用，请分享一个游乐场示例，我可以在其中检查问题

【讨论】：

【解决方案3】：

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

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

为我工作。

【讨论】：