84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
我正在使用Vue.js Bootstrap表格,我希望能够将每个表格行的id收集到一个数组或对象数据属性中。
这是一个Bootstrap表格模板的示例:
<template v-slot:cell(label)="row" > <div > <div class="label"></div> </div> </template>
那么,我该如何将row.item.id的值收集到一个数组或对象中,以便将这些数据用于其他目的?
row.item.id
您可以通过使用Array.map()方法迭代,将items数组中的任何属性存储到一个单独的数组中。
例如:
data() { return { items: [ { id: 1, age: 40, first_name: 'Dickerson', last_name: 'Macdonald' }, { id: 2, age: 21, first_name: 'Larsen', last_name: 'Shaw' }, { id: 3, age: 89, first_name: 'Geneva', last_name: 'Wilson' }, { id: 4, age: 38, first_name: 'Jami', last_name: 'Carney' } ], itemsID: [] } }
然后在mounted钩子中:
mounted() { this.itemsID = this.items.map(({id}) => id) }
您可以通过使用Array.map()方法迭代,将items数组中的任何属性存储到一个单独的数组中。
例如:
然后在mounted钩子中: