Vuejs + Laravel: How To Count Records

Question

Code for vue component:

        data() {
            return {
                patrons : {},
              }
            },
            methods: {
              loadPatron(){
                   axios.get("api/patron")
                       .then(({data}) => (this.patrons= data.data));


              //Count records
              console.log(this.patrons.length); //This line of code does not seem to work.
              },
            }

How do we count the records and display them in the console.log?

Józef Podlecki · Accepted Answer · 2020-04-24 23:14:11Z

2

You have to place console.log either inside axios get function after assignment

axios.get("api/patron")
   .then(({data}) => {
      this.patrons = data.data
      console.log(this.patrons);
   });

or create watcher for patrons property and console.log there

watch: {
   patrons: {
     handler: function() {
       console.log(this.patrons)
     },
     deep: true
   }
}

edited Apr 24, 2020 at 23:14

answered Apr 24, 2020 at 22:57

Józef Podlecki

11.4k5 gold badges33 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

No One Over a year ago

Sorry, I'm new. How do I do this? If you have time can you show the code. Thank you.

Collectives™ on Stack Overflow

Vuejs + Laravel: How To Count Records

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related