Can't print value from array of objects

Question

Here I am filling the localStorage:

let storageObj = {};
storageObj.date = (new Date().toLocaleString().replace(", ","T"));
storageObj.url = this.responseURL;
localStorage.setItem(storageObj.date, storageObj.url);

In mounted() I am iterate all data from localStorage like:

for(let obj of Object.entries(localStorage))
{
    this.lastpasts.push(obj);
}

And placing every Object to lastpasts (located in data() {lastpasts : []}).

In template I want to print only url:

<div class="ui divided items" v-for="el in lastpasts">
    <div class="item">
    {{el.url}}
     </div>
</div>

But this code do not print nothing. Work only {{el}}. It's print in HTML block:

[ "24.06.2017T11:55:10", "362e9cc5-e7e6" ]
[ "24.06.2017T12:26:47", "b0f9f20d-7851" ]

Browser console do not have any errors.

Oh, sorry. My mistake. console.log(lastpasts) (or lastposts?) — Marek Urbanowicz
– Marek Urbanowicz, Commented Jun 24, 2017 at 11:04
lastpasts because it's code-past blocks. console.log(lastpasts) ReferenceError: lastpasts is not defined at <anonymous>:1:13 — Dmitry Bubnenkov
– Dmitry Bubnenkov, Commented Jun 24, 2017 at 11:07

craig_h · Accepted Answer · 2017-06-24 12:13:55Z

3

In the chat session we managed to solve his issue.

It was caused by the fact, that he was using Array of Arrays instead of Array of Objects. Because Array can be used only with index, not field name, {{el.url}} was not working.

The code to get values from LocalStorage had to be changed to:

mounted() { 
  for(let obj of Object.entries(localStorage)) { 
    var x = {}; 
    x.url = obj[0]; 
    x.date = obj[1]; 
    this.lastpasts.push(x);    
  } 
}

Now, it is possible to use {{el.url}}

edited Jun 24, 2017 at 12:13

craig_h

32.8k7 gold badges61 silver badges70 bronze badges

answered Jun 24, 2017 at 11:40

Marek Urbanowicz

13.8k19 gold badges68 silver badges93 bronze badges

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

2 Comments

Vamsi Krishna Over a year ago

Oops i'll remove my answer cuz its the same and +1 for you

Marek Urbanowicz Over a year ago

cheers. We were chatting and solving it together when you wrote your answer :)

Collectives™ on Stack Overflow

Can't print value from array of objects

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related