码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-06-05 13:19:56      阅读:77      评论:0      收藏:0      [点我收藏+]

标签:default   some   click   v-on   cursor   cti   调用   new   function   

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

    });
  
}

  

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

标签:default   some   click   v-on   cursor   cti   调用   new   function   

原文地址:https://www.cnblogs.com/hnzheng/p/9139060.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!