热门标签 | HotTags
当前位置:  开发笔记 > 后端 > 正文

vue事件修饰符阻止事件捕获没有生效

我给元素绑定了mouseenter事件在这个元素里有个div.clearfix子元素其实就是一个二级菜单正常情况下这个div。clearfix二级菜单是通过opacity0隐藏的然

我给元素绑定了mouseenter事件 在这个元素里有个div.clearfix子元素 其实就是一个二级菜单 正常情况下这个div。clearfix二级菜单是通过opacity 0 隐藏的 然后鼠标移动到li的上面这个二级菜单出来opacity变成1
现在有个问题就是 我只想鼠标移入li的时候把二级菜单显示出来 但是现在鼠标移到li的下面二级菜单也能出来 我想了想应该是由于二级菜单的隐藏是通过opacity 0来隐藏的 所以虽然菜单是隐藏了 但是元素还是存在li的下面 存在于页面的
然后我想通过阻止事件捕获来解决这个问题 貌似不想作用 我添加了事件修饰符没有作用 在vue里面就这样添加事件修饰符应该就可以了呀 为什么没有作用了
图片描述


推荐阅读
author-avatar
mobiledu2502900677
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有