[Vuejs]-Can't access individual data in JSON object: how do I single out data form a JSON object into VUE

by

0👍

As mentioned in another comment it looks like it is an object rather than an array which is why it’s not responding the way I felt like it should. since I need to display the date and key of each server (but in separate parts of the page) I came up with this:

<div  v-for="(value, key, index) in roomIndex">
      <div class="box>
        <h2>{{ key }}</h2>
        <h1>Server Status</h1>
        <div  class="circle" :class="value.webserver"></div>
           <h3>Date</h3>
        </div>
       </div>
</div>

This gave me a box where the name of the server was outputted as well as the date and a coloured circle depending on the state of the server for each server. It seemed to solve my issues.

Thanks for all of your help!

Leave a comment