Vuejs + Laravel: как считать записи

Question

Код для vue компонента:

        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.
              },
            }

Как мы считаем записи и отображаем их в console.log?

Answer 1

Вы должны поместить console.log либо в топор ios получить функцию после назначения

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

, либо создать наблюдатель для свойства patrons и console.log там

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