I'm using a Vue.js Bootstrap table and I want to be able to collect the id of each table row into an array or object data property.
This is an example of a Bootstrap table template:
So, how do I collect the values ofrow.item.idinto an array or object so that I can use this data for other purposes?
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
You can store any property in the items array into a separate array by iterating using the Array.map() method.
For example:
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: [] } }Then in the mounted hook:
mounted() { this.itemsID = this.items.map(({id}) => id) }