前端 - 在vue中,如何实现点击表头任意位置就能实现表格全屏效果?

 

问题描述:

在vue中,如何实现点击表头任意位置就能实现表格全屏效果


 

第 1 个答案:

通过事件添加这个样式试试:

.fullscreen {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

 

第 2 个答案:

首先是dom全屏,那就是点击的时候加个class名,当前元素宽100vw,高100vh,定位定到窗口左上角。就是楼上哪个大哥的写法,z-index注意一下,有可能被遮挡。
vue中一般是找个变量:

<:class="{fullscreen:fullscreen}" @click="fullscreen=true">
data(){
    return{
        fullscreen:false
    }
}

然后是浏览器全屏(按F11的效果),

document.documentElement.requestFullscreen()//进入全屏
document.exitFullscreen()//退出全屏

数据库中有个字段是int类型,是个数字编号,字段名称 x_id有个需求,需要知道这个字段中的值,是否有不正常的间隔,就是说有没有遗漏.不一定是只间隔1也许是2或者再多点吧,需要找到的是 ...