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

摘要:
--V-on:单击鼠标单击事件--˃˂!
 <div id="app07">
        <!-- v-on:click  鼠标点击事件-->
        <a v-on:click="DoSomething"></a>
        <!--v-on 定义多个事件,以‘,’号隔开 -->
        <a   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 绑定单个或多个事件》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇python之tkinter使用-简单对话框将时间戳化成int型下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

Webstorm快捷键

网店快捷键1.搜索/替换,包括全局搜索和文件搜索。...

Qt 调用本地浏览器打开URL

单击一些Qt控件以查找本地浏览器传递的URL以打开前端。...

Java 读取ANSI文件中文乱码问题解决方式[转]

Filefile=newFile(路径);InputStreamin=newjava.io.FileInputStream(文件);BufferedReader读取器=新的BufferedReader(读取);FileInputStreamin=newFileInputStream(文件);byte[]b=新字节[3];内容如下(b);...

wxparse使用(富文本插件)

优点:唯一已知的可以将HTML转换为小程序识别的插件缺点:转换HTML标签可能需要大量的微信小程序标签和样式配置:步骤1,下载https://github.com/icindy/wxParse第二步:把它放到项目中。我选择页面目录。步骤3:配置wxml以添加:需要时使用:...

FTPClient

(iReplyCode==331||iReplyCode==230)){CloseSocketConnect();thrownewIOException(strReply.Substring(4));}if(iReplyCode!=230){SendCommand("PASS"+strRemotePass);if(!=null){SendCommand("Q...

用VBA去除Excel工作表保护密码

今天帮同事解决个EXCEL问题,现记在这,以作备忘现象:想要修改保护单元格的内容,在使用“工具”菜单“保护”子菜单的“撤消工作表保护”命令,这时要求输入密码。"ExitSubEndIfFori=65To66:Forj=65To66:Fork=65To66Forl=65To66:Form=65To66:Fori1=65To66Fori2=65To66:Fori...