V-for Data Group instance in Vue and vuev-for group instance

V-for Data Group instance in Vue and vuev-for group instance

With Vue. js, you can easily bind and update data. Sometimes, you need to group A one-dimensional array to facilitate display, and you can use v-for in a loop. What about grouping? The computed feature of vue is used to group data dynamically.

The Code is as follows:

<! DOCTYPE html> 
In computed, a group of three elements is dynamically grouped. A nested v-for loop is used where data is bound. The result is shown in (3 columns and 4 rows)

Here, the id of each div of the data package is specially processed to dynamically generate an id. Each id has a string prefix T followed by a data index, indexes are calculated using I * 3 + j to correspond to the original data list.

In the above Vue, the v-for Data grouping instance is all the content shared by Alibaba Cloud xiaobian. I hope you can give us a reference and support for the customer's home.