简单实现页面全屏

DOM：

        <div id="repost" v-for="(item,index) in LogContent" :key="index">
            <br />
            <hr />
            <br />
            <div class="logdetails" :id="'LogContent'+index">
                <div class="logtitle">
                    <span class="logtitle-fl">{{item.title}}</span>
                    <span class="logtitle-fr">
                        <span class="timerunge">时间范围：</span>
                        <span class="logtype">应用服务：</span>
                        <span class="keyword">关键字：</span>
                    </span>
                    <!-- 全屏 -->
                    <span @click="toggleFullScreen(index)" class="fullscreen">
                            <v-icon large color="blue-grey darken-2">
                                mdi-call-split
                            </v-icon>
                    </span>
                </div>
                <div class="logcontent">
                    {{item.content}}
                </div>
            </div>
        </div>

methods：

// 全屏事件
        Fullscreen(el) {
          let isFullscreen = document.fullScreen || document.mozFullScreen ||             
          document.webkitIsFullScreen;
          if (!isFullscreen) { //进入全屏,多重短路表达式
             (el.requestFullscreen && el.requestFullscreen()) ||
             (el.mozRequestFullScreen && el.mozRequestFullScreen()) ||
             (el.webkitRequestFullscreen && el.webkitRequestFullscreen()) || 
             (el.msRequestFullscreen && el.msRequestFullscreen());
            } else { //退出全屏,三目运算符
              document.exitFullscreen ? document.exitFullscreen() :
              document.mozCancelFullScreen ? document.mozCancelFullScreen() :
              document.webkitExitFullscreen ? document.webkitExitFullscreen() : '';
             }
            },
         toggleFullScreen(index) {
           let el = document.getElementById('LogContent'+index);
           let isFullscreen = document.fullScreen || document.mozFullScreen || 
           document.webkitIsFullScreen;
           if(!isFullscreen){
              el.getElementsByClassName('logcontent')[0].style.height="100vh";
            }else{
              el.getElementsByClassName('logcontent')[0].style.height="500px";
             }
              this.Fullscreen(el);
            }