对在 nativescript-vue 中打印“object.value”感到困惑答案

【问题标题】：Confused about printing "object.value" in nativescript-vue对在 nativescript-vue 中打印“object.value”感到困惑
【发布时间】：2019-11-13 17:35:29
【问题描述】：

在 nativescript-vue 代码下面，我正在解析一个 json 文件并尝试打印它，但由于某种原因，我无法在 Label 中打印 json.city.value，但我可以在脚本部分中打印它，在 readFromJson 方法 @ 987654323@ 正在工作，并且在标签标签中我也可以打印parsedJson.city，但不是parsedJson.city.value 是nativescript 或vuejs 的关键字或保留变量？您可以在下面找到我正在尝试做的简化代码。

<template>
    <Page>
        <ActionBar title="Welcome to NativeScript-Vue!"/>
        <GridLayout columns="*" rows="*">
            <Label class="message" :text="parsedJson.city.value" col="0" row="0"/>
        </GridLayout>
    </Page>
</template>

<script >

  let json2 = '{"approved":{"type":"Boolean","value":true,"valueInfo":{}},"city":{"type":"String","value":"Konstanz","valueInfo":{}},"street":{"type":"String","value":"Reichenaustraße 11","valueInfo":{}},"contractNumber":{"type":"String","value":"3847384contractNumber","valueInfo":{}},"description":{"type":"String","value":"","valueInfo":{}}}'

  export default {
    data() {

      return {
        msg: 'Hello World!',
        parsedJson: {}
      }
    },
    mounted() {
      console.log("mounted is worked")
      console.log("json to parse is: " + json2)
      this.readFromJson(json2) 

    },
    methods: {
      readFromJson(input) {
        console.log("inside readfromjson")
        var json = JSON.parse(input)
        console.log("parsed city.value is: " + json.city.value)
        this.parsedJson = json
      }

    }
  }
</script>

<style scoped>
    ActionBar {
        background-color: #53ba82;
        color: #ffffff;
    }

    .message {
        vertical-align: center;
        text-align: center;
        font-size: 20;
        color: #333333;
    }
</style>

【问题讨论】：

标签： vue.js nativescript nativescript-vue

【解决方案1】：

如果我不得不猜测它会立即尝试使用未定义的值。 parsedJson 被定义为 {} 并且直到稍后才被初始化。也许尝试将其初始化为空字符串：

parsedJson: {
  city: {
     value:''
  }
}

【讨论】：