如何在 object 的特定数组中插入一个值

Question

我正在使用 Vue ( vuetify ) v-data.table来显示一些数据，它工作正常，同时我试图显示来自另一个 api 的一些数据，所以我需要知道如何将项目推入数组object。

axiosThis.tableDataFinal[i].push(axiosThis.printsumget[i])

我收到一个错误.push is not a function

Answer 1

根据您的代码，您似乎正在尝试对object而不是array执行推送操作。 这就是它给你那个错误的原因。

另外，根据我的理解。 您的 API 响应将为您提供一组对象。 因此，除了使用.push ，您还可以使用Destructuring assignment

现场演示：

 new Vue({ el: '#app', vuetify: new Vuetify(), data () { return { headers: [ { text: 'Dessert (100g serving)', align: 'start', sortable: false, value: 'name', }, { text: 'Calories', value: 'calories' } ], desserts: [ { name: 'Frozen Yogurt', calories: 159 }, { name: 'Ice cream sandwich', calories: 237 } ] } }, mounted() { // Another axios api call. Just for a demo purpose I am using mock array here. You can replace it with an actual API response. const res = [{ name: 'Burger', calories: 200 }, { name: 'Chocolate Cake', calories: 250 }]; this.desserts = [...this.desserts, ...res]; } })

 <script src="https://unpkg.com/vue@2.x/dist/vue.js"></script> <script src="https://unpkg.com/vuetify@2.6.12/dist/vuetify.min.js"></script> <link rel="stylesheet" href="https://unpkg.com/vuetify@2.6.12/dist/vuetify.min.css"/> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900"/> <div id="app"> <v-app id="inspire"> <v-data.table:headers="headers":items="desserts":items-per-page="5" class="elevation-1" ></v-data.table> </v-app> </div>