Access method of a Vue component by it's string name

Question

I've a list of Vue objects like this:

vue_objectname0,

vue_objectname1,

vue_objectname2 etc...

these object rae created by:

var vue_objectname0 = new Vue({
  el: '#vue_objectname0',
  data: {
    seen: true,
  }
})

from browser console I can correctly access data with:

vue_objectname0.seen

now I need to access the same data from a string as name of the object, how can I convert the string to the Object?

var name = "vue_objectname"+number;
console.log(name.seen);

this return "undefined"

Jacob Goh · Accepted Answer · 2018-04-10 10:09:21Z

1

All global variable can be accessed using the window object as well.

window["vue_objectname"+number]

answered Apr 10, 2018 at 10:09

Jacob Goh

20.9k5 gold badges58 silver badges75 bronze badges

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

1 Answer 1