Accessing a method property inside another method in VUE JS

Question

How can I access a property from a method inside another method in VUEJS? In this example, I need an "mb_id" from fetchMA method in order to use it in fetchMB args.

export default {
      name: 'details',
      data () {
         return {
            mA: {},
            mB: ''
         }
      },
      methods: {
         fetchMA(id){
            this.$http.get('apiurl/' + id )
            .then(function(response){
               this.mA = response.body;
            });
         },
         fetchMB(id){
            this.$http.get('apiurl/' + id )
            .then(function(response){
               this.mB = response.body;
            });
         }
      },
      created: function(){
         this.fetchMA(this.$route.params.id);
         this.fetchMB(this.mA.mb_id);
      }
   }

If I hard code a digit inside the created, such as - this.fetchMB(10); this fetches what I need, but for obvious reasons this is not feasible.

Thank you all,

-S

Is mA an array or an object that has an mb_id property?

Bert
– Bert

2017-11-03 16:28:29 +00:00
Commented Nov 3, 2017 at 16:28 — Bert
– Bert, Commented Nov 3, 2017 at 16:28
@Bert an object, just a typo. fixed.

Sergio
– Sergio

2017-11-03 16:38:58 +00:00
Commented Nov 3, 2017 at 16:38 — Sergio
– Sergio, Commented Nov 3, 2017 at 16:38

Mark · Accepted Answer · 2017-11-03 16:29:09Z

2

Returning the promise from fetchMA() will allow you to call then() on it so you can wait until this.mA has been set.

fetchMA(id){
    return this.$http.get('apiurl/' + id )
    .then(function(response){
        this.mA = response.body;
    });
},

You can then use it like this in created:

this.fetchMA(id)
.then(() => {
    this.fetchMB(this.mA.mb_id);    
})

It's not really clear what this.mA is from your example. You are declaring it like an array, but accessing it like an object.

answered Nov 3, 2017 at 16:29

Mark

92.7k8 gold badges116 silver badges156 bronze badges

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

1 Comment

Sergio Over a year ago

Perfect, worked. I missed the return call inside the fetchMA method. Thank you so much!

Collectives™ on Stack Overflow

Accessing a method property inside another method in VUE JS

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