How the display the data that nested in the array (laravel vue)


sorry. I face some problem on how to display the data that nested in array.(vue js)
Here is the return array
I would to show the tha data in total_billed_by_year
I tried several other attempts but nothing works
Could please someone help me out with this?

 <vs-list-item
class="hover:shadow"
v-for="(tr, index) in ppr"
v-bind:key="index" 
>
 <template slot="subtitle">
  <div @click="getInfo(index)" class="cursor-pointer">{{tr.id}}</div>
 </template>{{tr.total_billed_by_year[index].bil_year}}
 <span class="font-bold truncate overflow-auto">{{tr.month}} -{{tr.year}} 
<p v-for="(bill,ind) in tr.total_billed_by_year" v-bind:key="ind">
 {{bill.bil_year}}{{bill.bil_total_amount}}
  </p>
</span>
</vs-list-item>

Source: Vue – Stack Overflow

September 3, 2021
Category : News
Tags: laravel | Vue.js

Leave a Reply

Your email address will not be published. Required fields are marked *

Sitemap | Terms | Privacy | Cookies | Advertising

Senior Software Developer

Creator of @LzoMedia I am a backend software developer based in London who likes beautiful code and has an adherence to standards & love's open-source.