Vue 全屏报错：Failed to execute 'requestFullscreen' on 'Element' 解决方法

<template>
  <div @click="goFullscreen">点击进入全屏</div>
</template>
<script>
export default {
  methods: {
    goFullscreen() {
      const elem = document.documentElement;
      if (elem.requestFullscreen) {
        elem.requestFullscreen();
      } else if (elem.mozRequestFullScreen) { // Firefox
        elem.mozRequestFullScreen();
      } else if (elem.webkitRequestFullscreen) { // Chrome, Safari 和 Opera
        elem.webkitRequestFullscreen();
      } else if (elem.msRequestFullscreen) { // IE/Edge
        elem.msRequestFullscreen();
      }
    }
  }
}
</script>