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>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章