请问vue里怎样使用flex布局用v-for循环在一行里根据元素个数均分view,如下图：

Question

如果元素个数是8个，那一行就放8个view。如果元素个数是4个就放4个view。要求view宽度等分。

Answer 1

设置子元素 flex:1

Answer 2

外层view 使用：
display: flex;
flex-wrap: wrap;
width: 100%;
里面的item 使用
width: 25%;
min-width: 25%;
max-width: 25%;
flex-grow： 0;
flex-shrink: 0;

值根据数组长度除一下 100% / list.length ,
可以试下