Конвертировать объект PHP в формат JSON с помощью отдельных элементов массива - PullRequest
0 голосов
/ 13 мая 2019

Я создаю сервис, который отображает некоторую информацию в таблице данных Vuetify.Проблема в том, что когда я получаю ответ от сервера, который использует json_encode.Иногда одним из значений будет одно значение, которое будет преобразовано в объект, а не в массив.Насколько я знаю, использование vuetify требует, чтобы это был массив для правильного отображения.

Я уже пытался явно указать объекту, что это массив.

[
 {
 "values": "something",
  "Items": {
    "item" : [{ "Iteminfo": "Item1" },
            { "Iteminfo": "Item2"}
             ]
   }
 }
]

///////// result with single Object
[
 {
 "values": "something",
  "Items": {
    "item" : { "Iteminfo": "Item1"}
  }
 }
]

//// Vuetify


     <v-data-table
          :headers="headers"
          :items="orders"
          :expand="expand"
          :dark="false"
          item-key="Name"
        >
          <template v-slot:items="props">
            <tr @click="props.expanded = !props.expanded">
               <td>Order: {{ props.item.Ordernumber }} , Klantnaam:  {{               
           props.item.Name }}
           </td>  

            </tr>
          </template>
          <template v-slot:expand="props">
            <v-card flat>   
              <v-card-text>
        <table>
         <tr>
          <th>Artikelnummer</th>
         </tr>                  
         <tr v-for="item in props.item.Items.item">
          <td>{{ item.Article }}</td>
         </tr> 
        </table>
       </v-card-text>
      </v-card>
     </template>
    </v-data-table>

///For getting the information
<script>

    export default{        

      data () {
    return {

      filiaalnummer: '',
      expand: false,
      headers: [
        {
          text: 'Orders',
          align: 'left',
          sortable: false,
          value: 'name'
        },    

      ],
      orders: [],

    }
  },  
      methods: {

           getOrders : function(){
               console.log(this.filiaalnummer);
            axios.get('/orders/getOrders/'+this.filiaalnummer)
            .then(response => this.orders =response.data)
            .catch(error => console.log(error.response.data));
        },    

      }

    }

  </script>
Laravel Server Side 
return json_encode($arrayOfObjectsContainingTheItems);

Чтобы получить предметы внутриобъекта мне нужно чтобы они были внутри массива.А когда представлен один объект, он также будет кодироваться в объект, что приводит к тому, что Vuetify пытается прочитать все отдельные свойства этого объекта как Предметы.Могу ли я подробно сказать PHP, что это должен быть массив?Или я могу сделать что-то в Vuetify, чтобы прочитать объект, тем не менее?

1 Ответ

0 голосов
/ 15 мая 2019

Я исправил это с помощью интерфейса JsonSerializable

    public function jsonSerialize() {
      if(is_array($this->item)){
        return $this->item;
      }else{
        return array($this->item);
      }
...