首页 > 解决方案 > Vuejs + Laravel:如何计算记录

问题描述

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 中显示它们?

标签: laravelvue.jscountconsole.log

解决方案


您必须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
   }
}

推荐阅读