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

Question

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>