vue.js 如何动态的给一个按钮添加点击事件

Question

1. vue.js开发中，需要动态的给一个弹出框的确定按钮添加点击事件，来执行不同的方法，这个怎么做？

Answer 1

Vue.js 2.x里面可以这样写，用@click.asyc绑定，代码如下：

<div id="app" >
  <div>{{message}}</div>
  <button @click.sync="onClick">Click Me</button>
</div>

<script>
    var vue = new Vue({
        el: "#app",
        data:{
            message:"Hello,world!"
        },
        methods: {
           onClick: function () {
              this.message = "You click me!";
              this.onClick = function () {
                 this.message = "Hello,i changed!";
              }
           }
        }
    });
</script>

Answer 2

@click绑定一个空的函数，然后动态的给这个函数赋值？

Answer 3

v-on:click可以接收一个自定义的method，通过在method里来做逻辑判断，执行不同的方法。