分类：OutClick

2020
11-16

Vue指令实现OutClick的示例

原始实现下面是两种常见的模态框的实现方式方案一：默认click都是放在冒泡阶段，只要在内容区域上添加click的阻止冒泡即可<divclass="cover"@click="close"><!--阻止冒泡--><divclass="content"@click.stop>modalcontent</div></div>方案二：通过代码判断点击触发的DOM是否在内容区域内<divclass="cover"@click="handleClick"><divclass="content"ref="content">modalcontent</div></div>handleClick(e){l... 继续阅读 >