Question

我想用html / vue显示json信息。但是我的html / vue代码仅显示空值。怎么了？

json响应如下：

{“ 1212”：“托马斯”：“拉特”：51.00，“ lon”：9.5，“时间戳”：1545641820，“电池电量”：43，“卫星”：0，“精度”：4，“海拔“：0，”速度“：0，”轴承“：0}}}

<html>
<head>
   <meta charset="utf-8">
        <script src="https://unpkg.com/vue/dist/vue.js"></script>
        <script src="https://cdn.jsdelivr.net/vue.resource/1.0.3/vue-resource.min.js"></script>
</head>

<body>
<div id="vue-root">
       {{ users.Thomas.lat }}
       {{ users.Thomas.lon }}
</div>
</body>

<script>
new Vue({
  el: "#vue-root",
  data: {
    users: []
  },

  created () {
    this.fetchData()
  },

  methods: {
    fetchData () {
        fetch('https://xxx.de/index.php/apps/phonetrack/api/getlastpositions/1212')
          .then(response => response.json())
          .then(data => this.users = data)
    }
  }
})
</script>
</html>

我的html / vue代码仅显示空值。怎么了？

HTML / VUE：如何获取正确的json值

0 个答案: