js文件

export default {
  bind(el, binding, vnode) {
    function documentHandler(e) {
      if (el.contains(e.target)) {
        return false
      }
      if (binding.expression) {
        binding.value(e)
      }
    }
    el.__vueClickOutside__ = documentHandler
    document.addEventListener('click', documentHandler)
    document.addEventListener('touchmove', documentHandler)
  },
  update() {},
  unbind(el, binding) {
    document.removeEventListener('click', el.__vueClickOutside__)
    document.removeEventListener('touchmove', el.__vueClickOutside__)
    delete el.__vueClickOutside__
  }
}

组件里头

v-clickoutside="handleClose"

import clickoutside from '../../directives/clickoutside'

directives: { clickoutside }

即刻！

优质内容筛选与推荐>>
1、9. Go语言—流程控制
2、Java Annotation-必须掌握的特性
3、TextView 在java中使用Html设置字体大小颜色
4、[基本操作]后缀自动机
5、Redis内存管理（二）

赞赏

长按二维码向我转账

受苹果公司新规定影响，微信 iOS 版的赞赏功能被关闭，可通过二维码转账支持公众号。

阅读

已发送

发送中