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

问题描述

问 题

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

解决方案

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>

这篇关于javascript - vue.js 如何动态的给一个按钮添加点击事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！