element 弹出层穿透
时间: 2023-08-25 13:05:29 浏览: 110
要实现element-ui的dialog对话框之外的界面也能点击,可以通过设置CSS属性pointer-events来实现。引用中提到了这个属性,可以尝试在对话框的样式中加上pointer-events: auto,同时在el-dialog__wrapper中加入样式pointer-events: none,这样就能实现点击对话框外的区域并拖动元素的效果。这个需求可以参考引用中的调试过程来实现。同时,引用提供了关于pointer-events属性的学习链接,可以查看该链接来进一步了解pointer-events的用法。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [vue+element-ui实现dialog对话框样式穿透(pointer-events)](https://blog.csdn.net/weixin_52012102/article/details/122135592)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* [Element Popover 弹出框的使用示例](https://download.csdn.net/download/weixin_38499950/12924804)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文