vue+Element 设置头部固定,并解决遮罩层显示问题

news/2024/7/5 2:26:03

通过整体框架代码可以看到,其实element-ui已经实现了头部固定
在这里插入图片描述
找到这个fixedHeader,发现直接在全局设置文件里
在这里插入图片描述
这里如果设置为false,就表示头部不固定;改为true,则表示头部固定。

上述更改完后,就可以实现头部固定啦。
但是我发现我改完之后,在头部可以触发的dialog显示有问题,会被遮罩层挡住。如图:
在这里插入图片描述
这可能是因为头部固定后,改变了z-index,然后对应的显示有问题,
解决办法:
在触发的el-dialog中加上:append-to-body="true",具体官方解释如下:
在这里插入图片描述
然后就可以显示正常啦!!


http://lihuaxi.xjx100.cn/news/1330639.html

相关文章

【C++内存管理】分配器

文章目录 1. allocator1.1 为何使用allocator1.2 allocator的基本使用1.3 自定义分配器 2. 分配器概述2.1 分配器的作用和重要性2.2 STL中的标准分配器2.3 分配器的使用 3. 自定义分配器3.1 自定义分配器的应用场景3.2 自定义分配器的实现3.3 自定义分配器的使用 4. 未初始化内…

MyBatis 中如何使用分页

MyBatis 中如何使用分页 在实际的项目开发中,我们经常需要对数据库中的数据进行分页查询,以提高数据查询的效率和用户体验。MyBatis 是一种流行的 Java 持久层框架,它提供了多种分页查询的方式,本文将介绍其中常用的两种方式&…

mybatisplus常用小技巧

条件构造器select方法介绍 根据业务需求,有时候只需要返回特定的几个数据表字段,我们通过条件构造器的select方法可以指定; 还有一种情况,假如数据库字段很多的时候,我们要排除某几个字段,其他字段返回的…

AR 技术应用与管理:施工建造、机柜扫描、办公室导航

随着科技的不断革新和创新,越来越多的行业开始迎来数字化时代的变革。建筑行业作为人类历史上最重要的产业之一,在数字化转型方面同样也在不断推进。图扑软件结合 AR 技术的应用,为建筑行业带来了更加便捷高效的建筑施工过程管理。 传统的建…

Linux新建指定文件数量限额的目录

参考文章 https://blog.csdn.net/weixin_28848317/article/details/116647116?spm1001.2101.3001.6661.1&utm_mediumdistribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1-116647116-blog-54933188.235%5Ev38%5Epc_relevant_default_base&depth_…

AI模型从训练到部署的源码示例

这里给出一个简单的AI模型从训练到部署的源码示例,以图像分类为例: 1. 数据收集和预处理 python import numpy as np import matplotlib.pyplot as plt import tensorflow as tf from tensorflow import keras from tensorflow.keras import layers #…

大模型调用工具魔搭GPT——一键调用魔搭社区上百个AI模型的API

为了让模型开发变得更容易,阿里云在发布会现场推出了一款令开发者耳目一新的工具:ModelScopeGPT(魔搭GPT)。它能够通过担任“中枢模型”的大语言模型一键调用魔搭社区其他的AI模型,实现大模型和小模型协同完成复杂任务。 这类智能调用工具被业界普遍看好。ModelScopeGP…

码头控制柜无线控制行车折臂与电动葫芦限位器运作

随着我国海洋交通的快速发展,船舶信息化管理的建设,无线通信资源的配置,将先进的无线通信技术引入水上交通安全的监管业务中已是大势所趋。码头安装(设备和系统的安装) 船舶下水后常停靠于厂内舾装码头, 以安装船体设备, 机电设备&#xff0c…