vue的循環v-for一次循環2條項目
<div
v-for
=
"obj in dataSouSuo"
style
=
"
position: absolute;width: 100%;text-align: center;margin-top: 10px;border-bottom: solid 1px #dfe1dd;
"
>
<div
style
=
"
padding: 10px;font-weight: bold;
"
>
{{obj.name}}
</div>
<div
v-for
=
"obj1 in obj.value"
>
<div
style
=
"
padding: 10px;background-color: #92bb66;color: black;border-bottom: solid 1px #dfe1dd;
"
>
{{obj1.name}}
</div>
<div v-for="(count,index) in Math.ceil(obj1.value.length/2)"
style
=
"
display: flex;padding: 10px;background-color: #fff;color: black;border-top: solid 1px #dfe1dd;text-align: left;
"
>
<div
style
=
"
display: flex;width: 40%;
"
>
<div style="color:#92bb66 ;width: 50%;">{{obj1.value[index*2].name}}</div>
<div
style
=
"
width: 50%;
"
>
{{obj1.value[index*2].value}}
</div>
</div>
<div style="display: flex;width: 40%;margin-left: 20%;" v-if="obj1.value[index*2+1]!=null">
<div style="color:#92bb66 ;width: 50%;">{{obj1.value[index*2+1].name}}</div>
<div
style
=
"
width: 50%;
"
>
{{obj1.value[index*2+1].value}}
</div>
</div>
</div>
</div>
</div>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.