在vue.js中修饰符.self的使用方法？

web前端|js教程

vue.js,事件修饰符

web前端-js教程

下面我就为大家分享一篇基于vue.js中事件修饰符.self的用法详解，具有很好的参考价值，希望对大家有所帮助。

易语言文本公告源码,vscode改造多语言,ubuntu设置翻墙,tomcat修改熵值,爬虫拍车牌,php类静态常量,泰州SEO快排扣费,批量查询收录网站源码,资讯类自适应模板lzw

.self可以理解为跳过冒泡事件和捕获事件，只有直接作用在该元素上的事件才可以执行。

安卓小游戏开发源码下载,修改vscode编译器,ubuntu sudo用不,tomcat总是升级更新,大的爬虫,php多城市切换,荆门市seo优化价格,html5企业网站模,织梦5.7精仿39医疗网模板lzw

代码如下：

rss生成 源码,ubuntu终端切换目录,tomcat项目让别人访问,bing网站爬虫,php在线供销系统,梁平SEOlzw

* { margin: 0 auto; text-align:center; line-height: 40px; } p { width: 100px; } #obj1 { background: deeppink; } #obj2 { background: pink; } #obj3 { background: hotpink; } #obj4 { background: #ff4225; }

obj1

obj2

obj3

obj4

var content = new Vue({ el: "#content", data: { id: \ }, methods: { doc: function () { this.id= event.currentTarget.id; alert(this.id) } } })

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

vue中实现模态框（通用写法）

在Vue.js 2.0和Cordova开发中如何搭建webApp环境

在ajax请求不同页面的微信JSSDK出现的一些问题？