vue怎么实现空白区域点击隐藏

Posted 2023-04-28

参考技术A <script>
$(function()
$('.btn').click(function(event)
event.stopImmediatePropagation();//取消事件冒泡；
$('.box').show();
);

$(document).bind("click",function()
$('.box').hide();
)
);
</script>本回答被提问者采纳

记录 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 那样使用！