vue-clickoutside d

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 }

即刻！

巴特西

vue-clickoutside d

js文件

组件里头

最新文章

热门文章