有没有办法改变点击事件的函数名？

Question

我需要更改 v-on:click="function1" 里面的方法名， 但是当我在 html 中对 function1 进行硬编码时，按钮工作并且 function1 执行但是当我通过 Vue 的 data 属性传递“function1”属性时，按钮不起作用并且 function1 不执行。请帮我。谢谢

button type="button" v-on:click="obj.continueButton" class="btn">Continue</button>

var test = new Vue({
el: "#app",
data: {
    obj : { 
            continueButton: 'function1'
    }

Answer 1

（编辑了一个不正确的早期答案）

你可以这样尝试：

<button type="button" v-on:click="execFn(obj.continueButton)" class="btn">
  Continue
</button>

...
data: {
  obj: {
    continueButton: 'function1'
  }
},
methods: {
  execFn(name) {
    this[name]();
  },
  function1() {
    // do something
  },
  function2() {
    // do something else
  }
}