您好,欢迎光临本网站![请登录][注册会员]  
文件名称: Vue 实现显示/隐藏层的思路(加全局点击事件)
  所属分类: 其它
  开发工具:
  文件大小: 43kb
  下载次数: 0
  上传时间: 2020-12-30
  提 供 者: weixin_********
 详细说明:问题描述: 一个Icon点击出现菜单,点击菜单区域外任何区域菜单收起。 何为优雅的去解决上述问题? 尽可能的采用vue来解决问题 尽可能少的与原生对象发生交互 代码干净、易懂 问题解决思路: 通过Vue的v-show指令决定菜单的显示、隐藏。 通过Document的全局点击事件判断是否该收起 需要优雅的解决几个问题: 禁止点击事件冒泡。采用VUE的click.stop来解决问题,请参考下方代码 优雅且安全的移除全局事件监听(只有菜单弹出的时候才去监听) document的事件添加 HTML