如何用Vue点击按钮实现页面元素全屏展示功能？

本文共计933个文字，预计阅读时间需要4分钟。

目录+点击按钮使页面某元素全屏展示+先上效果图+页面结构+在页面加载时添加监听+Vue全屏和退出全屏调用事件+页面全屏+部分元素全屏+退出全屏调用事件+点击按钮使页面某元素全屏展示

目录

• 点击按钮让页面的某一个元素全屏展示
• 先上效果图
• 页面结构
• 在页面加载时添加监听
• vue全屏和退出全屏调用事件
• 页面全屏
• 部分元素全屏
• 退出全屏调用事件

点击按钮让页面的某一个元素全屏展示

先上效果图

项目情况：vue+screenfull插件

其实文档上写的很清楚：screenfull文档

点击页面的全屏图标，使包裹地图的div实现全屏。