vue实现页面全屏和退出全屏

pc端使用vue实现页面全屏和退出全屏

element.requestFullScreen() -- 全屏显示  

  1.  Element.requestFullscreen()方法用于 异步请求使得Element(该元素)全屏显示。 Element.requestFullscreen()不能保证该元素被设置为全屏模式,如果允许该元素进入全屏模式,document将接受到fullscreenchange event事件;如果不允许,则document将接受fullscreenerror event事件。
  2. 注意: 在调用Element.requestFullScreen()前,可建立 fullscreenchange和fullscreenerror 的事件处理,将方便调试是否成功请求全屏模式。
  3. 浏览器的兼容性
  • chrome(谷歌浏览器、android浏览器) webkitRequestFullScreen()
  • firefox(火狐浏览器) mozRequestFullScreen() Firefox 44 前的浏览器不允许在或内的元素请求全屏; 在Firefox 44+,允许在顶层document(即body)内的元素或者