实现web页面的全屏功能

背景

业务需求是点击全屏按钮后，实现表格全屏，那么就是隐藏其他模块，为了可以看到更多的数据

实现方法

利用window的自带API

const el = document.querySelector('#case-table') // 需要全屏的模块唯一ID
if (document.fullscreenElement) {
   document.exitFullscreen()
} else {
   el.requestFullscreen()
}