Vue.js Can not see data in console.log

Today I have to debug my todo App, but can’t see the todo array elements in console.log

Code:

<template>
<!-- TEMPLATE FOR THE WHOLE APP -->
  <div class="container" @click="deleteTodo">

    <Todolist 
        :todos="todos" 
        :check="check" 
        :updateTodo="updateTodo" 
        :deleteTodo="deleteTodo" 
    />

  </div>
</template>

<script>
  import Todolist from './components/Todolist';

  export default {
    name: 'App',
    components: {
      Todolist,
    },
    data () {
      return {
        todos: [
          {
            id: 1,
            text: 'Making a cup of coffee',
            checked: true
          }, 
          {
            id: 2,
            text: 'Making an VueJS todo app',
            checked: false
          }, 
          ....
        ]
      }
    },
    methods: {
      deleteTodo: function(id) => {
        return console.log(this.todos[id]);
      }
    },
    
  }

I tried to do it in Parent and child components, but both didn’t work, even if I try this.todos.

Also got an undefined message:

enter image description here

Can someone help me out?

Thanks in advance

247 thoughts on “Vue.js Can not see data in console.log”

  1. First of all I want to say terrific blog! I had a
    quick question that I’d like to ask if you don’t mind.
    I was curious to find out how you center yourself and clear your thoughts prior to
    writing. I’ve had a difficult time clearing my mind in getting my thoughts out there.
    I do enjoy writing but it just seems like the first 10 to 15 minutes tend to be wasted just trying to figure out how to begin. Any recommendations or tips?

    Many thanks! http://antiibioticsland.com/Erythromycin.htm

    Reply
  2. Hmm it appears like your blog ate my first comment (it was extremely long) so I guess I’ll just sum it up what I wrote and say, I’m thoroughly enjoying your blog.
    I as well am an aspiring blog writer but I’m still new to the whole thing.
    Do you have any recommendations for first-time blog writers?
    I’d really appreciate it.

    Reply
  3. This design is spectacular! You obviously know how to keep a reader amused.
    Between your wit and your videos, I was almost moved to start my own blog (well, almost…HaHa!) Excellent job.
    I really loved what you had to say, and more than that, how you presented it.
    Too cool!

    Reply
  4. Thanks for the marvelous posting! I truly enjoyed reading it,
    you are a great author.I will remember to bookmark your blog and will often come
    back in the future. I want to encourage you continue your great writing, have a nice holiday weekend!

    Reply
  5. I would like to thank you for the efforts you have put in writing this website.

    I’m hoping to check out the same high-grade blog posts from you later on as well.
    In truth, your creative writing abilities has motivated me to get my
    own blog now 😉

    Reply
  6. I’ve been browsing online more than three hours nowadays, but
    I by no means discovered any fascinating article like yours.

    It is lovely value enough for me. In my opinion, if all webmasters and bloggers made excellent content material as you
    probably did, the net will be much more helpful than ever
    before. https://tadalafili.com/

    Reply
  7. Excellent pieces. Keep posting such kind of information on your site.
    Im really impressed by your site.
    Hi there, You have done a great job. I will definitely digg it and in my
    opinion suggest to my friends. I am sure they’ll be benefited
    from this website. quest bars http://j.mp/3jZgEA2 quest bars

    Reply
  8. Если вы решили пробрести товары в рассрочку, то предложение от банка вас действительно заинтересует вы можете оформить https://greatcard.ru/ в любом отделении банка. Вы сможете приобрести все то, что долго планировали

    Reply
  9. Pingback: buy generic viagra
  10. Pingback: viagra buy online
  11. Pingback: get cialis
  12. Pingback: cialis 10 mg
  13. Pingback: herbal viagra
  14. Pingback: sildenafil 100mg
  15. Pingback: buy viagra
  16. Pingback: cheapest viagra
  17. Pingback: can you buy cialis
  18. Pingback: buy viagra 200
  19. Pingback: cialis capsule
  20. Pingback: who makes viagra
  21. Pingback: viagra 100mg
  22. Pingback: viagra en ligne
  23. Pingback: viagra bestellen
  24. Pingback: brand viagra
  25. Pingback: viagra in india
  26. Pingback: viagra cock
  27. Pingback: viagra online
  28. Hey I know this is off topic but I was wondering if you knew
    of any widgets I could add to my blog that automatically tweet my newest twitter
    updates. I’ve been looking for a plug-in like this for quite some
    time and was hoping maybe you would have some experience with something
    like this. Please let me know if you run into anything. I truly enjoy reading your blog and
    I look forward to your new updates. http://antiibioticsland.com/Augmentin.htm

    Reply
  29. Pingback: sildenafil revatio
  30. Pingback: viagra substitute
  31. Pingback: goodrx sildenafil
  32. Pingback: cialis generico