记录 vue自定义指令 实现展示搜索记录,点击其他区域隐藏

// const clickoutside = {
//   bind(el, binding,) {
//     function documentHandler(e) {
//   // 这里判断点击的元素是否是本身,是本身,则返回
//       if (el.contains(e.target)) {
//         return false;
//   }
//   // 判断指令中是否绑定了函数
//       if (binding.expression) {
//   // 如果绑定了函数 则调用那个函数,此处binding.value就是handleClose方法
//         binding.value(e);
//       }
//  }
//  // 给当前元素绑定个私有变量,方便在unbind中可以解除事件监听
//     el.__vueClickOutside__ = documentHandler;
//     document.addEventListener('click', documentHandler);
//   },
//   unbind() {
//  // 解除事件监听
//     document.removeEventListener('click', el.__vueClickOutside__);
//     delete el.__vueClickOutside__;
//   },
// };
contains(),只能去判断DOM,不能像Java 那样使用!
posted @ 2019-06-04 17:19  xiaxuening  阅读(680)  评论(1编辑  收藏  举报