Как использовать генератор обработчиков в событии Vue

Question

Все:

Интересно, как я могу запустить функцию генератора обработчика событий для обработчика событий, например:

<button @click="buildHandler()">Click</button>

function buildHandler(){
    return function(){
        alert("button clicked")
    }
}

Поскольку обработчик событий Vue принимает оба формата обработчиков событий с / без круглых скобок, мне интересно, как реализовать мой построитель обработчиков?

Спасибо

Answer 1

Вы должны добавить () в свой шаблон как:

  <button @click="buildHandler()();">Click</button>

, чтобы выполнить возвращаемую функцию.

Vue.config.devtools = false;
Vue.config.productionTip = false;

new Vue({
  el: '#app',
  methods: {
    buildHandler() {
     
      return function() {
        console.log("button clicked");
      };
    }
  }
});

<link type="text/css" rel="stylesheet" href="//unpkg.com/bootstrap/dist/css/bootstrap.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js"></script>

<div id="app">
  <button class="btn btn-primary" @click="buildHandler()();">Click</button>
</div>