Question

我有一个api响应请求。在这里我试图使用v-for循环遍历数组。我可以循环第一次迭代，但是对于第二个循环，我不能迭代。我可以在这里绕过收款对象吗？我有一个多维数组

//this is my api response
    0:      name : "name",
        address : "address"

        0:
            reciepts : 
                ballance : 10,
                bill : 101, 
        1:  
            reciepts : 
                ballance : 12,
                bill : 101, 

    1:  name : "name",
        address : "address"

        0:
            reciepts : 
                ballance : 13,
                bill : 101, 
        1:
            reciepts : 
                ballance : 14,
                bill : 101, 
    2:  name : "name",
        address : "address"

        0:
            reciepts : 
                ballance : 15,
                bill : 101, 
        1:
            reciepts : 
                ballance : 16,
                bill : 101,

我试图遍历所有项目，但我不知道如何获取子数组对象（以我的情况为准）。我该怎么办？有人可以帮我吗？

 <ul>
    <li v-for="report in reportResults"> //this is working
       <div class="row " style="background-color: #f4fbee;">
          <div class="col-md-2">{{report.bill_no}}</div>
        </div>
        <div class="row"  v-for="reciepts in reportResults" style="    
             background-color: #fff2f2;"> //this is not working
         <div class="col-md-2" ></div>
         <div class="col-md-2" v-show="reciepts.bill_no==report.bill_no">{{ 
                  reciepts.doc_no}}</div>

<li>
 </ul>

Answer 1

尝试遍历子数组而不是全局数组

<div class="row"  v-for="reciepts in report">
</div>

在Vue.js中遍历API响应的多维数组

1 个答案: