vue 实现点击按钮弹出div 点击页面其他位置 隐藏div

1. 效果图

2. 实现步骤

给最外层的div加个点击事件@click="screenRule=false"给点击的元素上面加上：@click.stop="screenRule=!screenRule"或者@click.stop="screenRule=true"

3. 步骤截图

初始化一个值，控制 div 显示和隐藏

设置页面最外层（当用户点击页面内所有地方都会触发，把 div 隐藏）

设置页面最外层（当用户点击该按钮时，是隐藏就显示，是显示就隐藏）