【Vue基础】学习如何绑定事件【vue.js基础课程】

Posted by

Vue基础 – 事件绑定

Vue基础 – 事件绑定

在Vue.js中,可以使用v-on指令来绑定事件。

例如,可以使用v-on指令来绑定click事件:

    

在上面的例子中,当按钮被点击时,会触发handleClick方法。

除了click事件,还可以绑定其他事件,比如mouseover、keydown等。

另外,还可以在v-on指令后面直接使用方法的名称,如下所示:

    
new Vue({ el: "#app", methods: { handleClick: function() { alert("按钮被点击"); } } });

在上面的例子中,handleClick方法直接被绑定到click事件上。

总之,通过v-on指令,可以很方便地在Vue.js中绑定事件,让页面具有交互性。