How to get array length in vuejs

Question

This is my script tag

<script>
export default {
  data() {
    return {
      blogs: [],    
    };
  },
  created() {
    this.paginate_total = this.blogs.length / this.paginate; 
  },   
};
</script>

these the response I get in my console

{
   
    "blogs": [
   
        {
            "_id": "63243272c988e721db51de9c",
            
        },
        {
            "_id": "63243cb8a8189f8080411e65",        
        },
      
    ]
}

error i get in my console

Cannot read properties of undefined (reading 'length')

Please what I'm I doing wrong

I tried to reproduce your erro but I didn't found the error in the code that you posted. Probably the problem is in the way that ypu populate blog. — Guto
– Guto, Commented Sep 22, 2022 at 12:09

Sagheer Hussain Zardari · Accepted Answer · 2022-09-22 12:02:31Z

2

Place this line in mounted instead of created

this.paginate_total = this.blogs.length / this.paginate;

because this blog is not available in created yet that's why it is undefined.

answered Sep 22, 2022 at 12:02

Sagheer Hussain Zardari

624 bronze badges

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

2 Comments

Guto Over a year ago

I though that too but I did a code snippet here and works well. The documentation says that in created hook the reactive data is setted up so I don't think is that. Here's my code

jibzy Over a year ago

Solved it using watch property thank for your time

jibzy · Accepted Answer · 2022-09-22 14:10:33Z

1

You can't access the object array length in mounted or created lifecycles so I just used watch property to get the object length

watch: {
   blogs(blogs) {
      this.paginate_total = blogs.length / this.paginate;
   }
}

answered Sep 22, 2022 at 14:10

jibzy

5476 silver badges19 bronze badges

Comments

Mauli999 · Accepted Answer · 2022-09-23 07:41:47Z

0

For row counts (as for table pagination etc.) i would use a computed property like:

computed: {
  paginate_total() {
      return this.blogs.length;
  },
}

answered Sep 23, 2022 at 7:41

Mauli999

265 bronze badges

Collectives™ on Stack Overflow

How to get array length in vuejs

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related