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 放在 axios get 函数中

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