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

  • Z时代
  • 2024-02-15
  • 分类：IT

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

回答：

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

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

回答：

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

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

然后是浏览器全屏（按F11的效果），

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

以上是 在vue中，如何实现点击表头任意位置就能实现表格全屏效果？ 的全部内容， 来源链接： utcz.com/p/934539.html

回到顶部