DDR爱好者之家 Design By 杰米
鼠标移入添加class样式
HTML
HTML绑定事件,加入或者移出class为active
<div class="col-lg-3 col-xs-6 paddingLeft com_marginBtm10 choosePlan" v-on:mouseover="changeActive($event)" v-on:mouseout="removeActive($event)"> 流量套餐 </div>
JS
这里除了active这个class需要动态添加或者减去,其他的皆是移入移出都需要的class
methods:{ changeActive($event){ $event.currentTarget.className="col-lg-3 col-xs-6 paddingLeft com_marginBtm10 choosePlan active"; }, removeActive($event){ $event.currentTarget.className="col-lg-3 col-xs-6 paddingLeft com_marginBtm10 choosePlan"; } },
拓展知识:vue实现鼠标移入移出事件
如下所示:
<div class="index_tableTitle clearfix" v-for="(item,index) in table_tit"> <div class="indexItem"> <span :title="item.name">{{item.name}}</span> <span class="mypor"> <i class="icon" @mouseenter="enter(index)" @mouseleave="leave()"></i> <div v-show="seen&&index==current" class="index-show"> <div class="tip_Wrapinner">{{item.det}}</div> </div> </span> </div> </div>
export default { data(){ return{ seen:false, current:0 } }, methods:{ enter(index){ this.seen = true; this.current = index; }, leave(){ this.seen = false; this.current = null; } } }
以上这篇vue鼠标移入添加class样式,鼠标移出去除样式(active)实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
DDR爱好者之家 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
DDR爱好者之家 Design By 杰米
暂无评论...
稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!
昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。
这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?
更新日志
2024年04月23日
2024年04月23日
- dnf低血流适合什么职业
- dnf信用分0了怎么办
- 《恶意不息》试炼boss打法攻略
- 你们福瑞控都玩这么大吗? 囧图 再不拦住就要露馅了
- 《恶意不息》88折¥110;《生化4黄金版》¥174
- 戚小恋.1992-飞了吧【飞碟】【WAV+CUE】
- 陈升.2021-丽春【滚石】【WAV+CUE】
- 韩磊.2005-珍藏韩磊·壹【音乐家】【WAV+CUE】
- LPL春季赛总决赛亚军TES群访:虽遗憾 但春季赛只是开始
- 经典掌机GameBoy发售35周年:哪款游戏印象最深?
- 撞大运!小伙与女司机撞车后反被对方聘用
- 新手攻略知识汇总,角色养成及武器养成
- 新手攻略知识,快捷按键设置及圣遗物养成
- 天遒谷点火把顺序第二层,第二层解谜攻略
- 谢霆锋.2001-玉蝴蝶【英皇娱乐】【WAV+CUE】