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

Posted 2020-11-10 谁说程序猿很猥琐

 <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")
            }
        }

    });
  
}