Доступ к данным топора ios в формате json из vue - PullRequest
0 голосов
/ 12 февраля 2020

Мне нужно показать данные из json ответа от запроса на получение. Vue часть моего кода:

<script type="text/javascript">

  var vm = new Vue({
      el: '#app2',
      delimiters: ['[[',']]'],
      data: {
        masa_data: {},
      },
      mounted: function() {

              polling1=setInterval(function() {
              axios.get('/order')
                  .then(function(response) {
                      vm.$data.masa_data = response.data;
                  })
          }, 1000);        
      },

      beforeDestroy () {
        clearInterval(this.polling1)
      }
  });
</script>

masa_data исходит от топора ios, как показано ниже:

{"Bahçe1": {"A": {"1 ": {" kisi_sayisi ":" 2 "," siparisler ": [{" adet ": 2," bolum ":" drink "," satir ":" Açık Çay "}, {" adet ": 1," bolum ":" tatli "," satir ":" Kaymaklı Ekmek Kadayıfı "}]},

Когда я хочу показать, например, значение" kisi_sayisi ", я не могу понять, что положить внутрь html код ниже:

<p class="card-text">[[masa_data]]</p>

1 Ответ

1 голос
/ 12 февраля 2020

Попробуйте это.

<p class="card-text" v-if="Object.values(masa_data).length>0">[[masa_data.Bahce1.A['1']['kisi_sayisi'] ]]</p>

https://codepen.io/Pratik__007/pen/QWbjOxE?editors=1010

...