Vue use object value as method name

Question

Is it possible what I am trying to achieve here to use a value from an object as a method name?

This works great:

Vue.mixin({
  methods: {
    name: function () {
      console.log('hello')
    }
  }
});

But this:

options = {
  methodName: 'name'
};

const method = options.methodName;

Vue.mixin({
  methods: {
    method: function () {
      console.log('hello')
    }
  }
});

Gives me the following error:

Property or method "name" is not defined on the instance but referenced during render.

tao · Accepted Answer · 2020-05-13 10:46:22Z

2

Vue.mixin({
  methods: {
    [method]: function () {
      console.log('hello')
    }
  }
});

will work. And you can spare assigning a constant by using

methods: {
  [options.methodName]: function() {...}
}

edited May 13, 2020 at 10:46

answered May 13, 2020 at 10:40

tao

91.1k18 gold badges136 silver badges174 bronze badges

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

Collectives™ on Stack Overflow

Vue use object value as method name

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related