Question

我正在创建一个在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尝试将该对象的各个属性读取为Items。我可以明确地告诉PHP它需要是一个数组吗？还是可以在Vuetify中做一些事情来读取对象？

Answer 1

我使用JsonSerializable接口对其进行了修复

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

使用单个项目数组将PHP对象转换为JSON格式问题

1 个答案: