html5点击空白处,vue中点击空白处隐藏弹框（用指令优雅地实现）

备注：20190717

这个方法目前发现是有问题的，我在做新的vue的项目时，发现这个方案是有问题的，在前一个项目时没有问题，现在的这段时间的这个项目有问题：

1.实现不了点击一个按钮弹出一个弹框，点击弹框外的位置关闭弹框的需求，究其原因，就是点击按钮的时候就相当于点击了弹框外的地方，找到原因后，就可以快速废弃这个方法。

2.扩展，实现不了

正确解决方案：请点击：

在写vue的项目的时候，弹框经常性出现，并要求点击弹框外面，关闭弹框，那么如何实现呢？且听我一一。。。不了，能实现效果就好

显示

const clickoutside = {

// 初始化指令

bind(el, binding, vnode) {

function documentHandler(e) {

// 这里判断点击的元素是否是本身，是本身，则返回

if (el.contains(e.target)) {

return false;

}

// 判断指令中是否绑定了函数

if (binding.expression) {

// 如果绑定了函数 则调用那个函数，此处binding.value就是handleClose方法

binding.value(e);

}

}