Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/387.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vue使用对象值作为方法名称_Javascript_Vue.js - Fatal编程技术网

Javascript Vue使用对象值作为方法名称

Javascript Vue使用对象值作为方法名称,javascript,vue.js,Javascript,Vue.js,我在这里试图实现的是使用对象的值作为方法名吗 这非常有效: Vue.mixin({ methods: { name: function () { console.log('hello') } } }); 但这是: options = { methodName: 'name' }; const method = options.methodName; Vue.mixin({ methods: { method: function () {

我在这里试图实现的是使用对象的值作为方法名吗

这非常有效:

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

options = {
  methodName: 'name'
};

const method = options.methodName;

Vue.mixin({
  methods: {
    method: function () {
      console.log('hello')
    }
  }
});
给我以下错误:

属性或方法“name”未在实例上定义,但在渲染期间被引用

会有用的。您可以使用

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