首页 > 其他 > 详细

Vue 点击事件怎么传递 this ?

时间:2019-04-22 12:49:32      阅读:3709      评论:0      收藏:0      [点我收藏+]

Part.1 问题

技术分享图片

如何使上面的三个按钮单个点击后实现第一个按钮现在的样式呢?

Part.2 思路

为当前点击的按钮添加一个 单独的类名,我的做法:

.active {
background: #3C8DBC;
color: white
}

为当前点击的按钮添加一个 .active 类,但是在每次为当前点击的按钮添加类名时,其它的按钮需要删除 .active 类名才行

Part.3 解决

每次点击时先 remove 掉按钮的 .active 类,  然后单独给当前点击按钮添加 .active。 如何在点击时,获取当前元素信息?  vue 关键字 $event

技术分享图片

 

 技术分享图片

 

Vue 点击事件怎么传递 this ?

原文:https://www.cnblogs.com/langxiyu/p/10749332.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!