1、vue模块中的内容 第一步，我们在自己的vue模块中整体添加了一个hidePanel事件，准备整体区域进行点击，然后id为myPanel的div是我们要处理的那个小组件。 2、定义变量 3、第三步才是重点，其实大家都知道，要触发一个事件 ...

...

显示效果: ...

;div id="fd"> </div> /*点击按钮关闭弹出框*/ &l ...

js文件 main.js 页面 页面来源：https://blog.csdn.net/weixin_43837268/article/details/88722598 ...

html： View Code js： View Code css： View Code 然后发现下拉框点击空白处不关闭，然后在加上一个事件 效果图 ...

闲言碎语不用讲，直接上代码 1、vue模块中的内容 需求是点击除了下载按钮外的其他地方，关闭弹窗。 2、定义变量 3、方法 这里要在弹窗上加一个点击事件closeMsg，实现点击其他区域关闭弹窗，这个.mask是弹窗的遮罩背景。 这下 ...

1）在组件中引入element-ui的Clickoutside指令 import Clickoutside from 'element-ui/src/utils/clickoutside' 2）在组 ...