v-on 绑定单个或多个事件

 <div id="app07">
        <!-- v-on:click  鼠标点击事件-->
        <a v-on:click="DoSomething"></a>
        <!--v-on 定义多个事件,以‘,’号隔开 -->
        <a style="cursor:default" v-on='{click:DoSomething,mouseleave:MouseLeave}'>doSomething</a>
    </div>


调用:
  Study_On_Click("#app07")



实现:
// v-on 绑定事件 
function Study_On_Click(obj) {
    new Vue({
        el: obj,
        methods: {
            DoSomething: function () {    // 绑定的事件以‘,’号隔开
                alert("DoSomething");
            },
            MouseLeave: function () {
                alert("Mouse leave")
            }
        }

    });
  
}

  

posted @ 2018-06-05 12:01  谁说程序猿很猥琐  阅读(6056)  评论(0编辑  收藏  举报