vue中的点击事件

是一个自己总是记不太清的属性:

几个相同的元素,添加同样的一个点击事件处理程序来做处理,需要将元素自身

传递给事件处理程序来改变元素自身的一些属性,或者行为:

        <span @click="Tab(1,$event)" id="s1">产品介绍</span>
        <span @click="Tab(2)" id="s2">投保须知</span>
        <span @click="Tab(3)" id="s3">理赔流程</span>
        <span @click="Tab(4)" id="s4">常见问题</span>

Tab(num,event){
var e = event.currentTarget // 这样获取到的是被点击的元素自身
var c = event.target // 这样获取到的是点击元素的子元素
}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,786评论 19 139
  • JavaScript 程序采用了异步事件驱动编程模型。在这种程序设计风格下,当文档、浏览器、元素或与之相关的对象发...
    劼哥stone阅读 1,339评论 3 11
  • 声明:本文来源于http://www.webzsky.com/?p=731我只是在这里作为自己的学习笔记整理一下(...
    angryyan阅读 7,259评论 1 6
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 8,150评论 2 17
  • 今天,小编终于决定站出来! 把教程发给大家~ 今天有五种水彩水果的教程 有苹果、石榴、樱桃、柠檬、草莓等等 ▼ 青...
    艺伙阅读 882评论 2 22

友情链接更多精彩内容