how to access object methods of objects in vue

Question

I am trying to get all the keys from an object in Vue.

I already know to do this in JavaScript. i.e;

const object1 = {
    a: 'somestring',
    b: 42,
    c: false
};

console.log(Object.keys(object1));

The output would be an array.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/keys

How would you do this in a methods in Vue ?

methods: {
    getKeys(object1){
        ...
    },
},

And explain how would you confront other differences like this ?

Vucko · Accepted Answer · 2018-07-12 11:07:04Z

1

Bind the method to an event:

new Vue({
  el: "#app",
  data: {
    object1: {
      a: 'somestring',
      b: 42,
      c: false
    }
  },
  methods: {
    getKeys(object) {
      console.log(Object.keys(object));
    }
  }
})

<script src="https://cdn.jsdelivr.net/npm/vue"></script>

<div id="app">
  <button @click="getKeys(object1)">getkeys</button>
</div>

answered Jul 12, 2018 at 11:07

Vucko

20.9k12 gold badges60 silver badges108 bronze badges

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

1 Comment

Zak Micallef Over a year ago

Ah OK, I didn't realize how straightforward it is . Over complicated it.

Collectives™ on Stack Overflow

how to access object methods of objects in vue

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related