若依框架前端样式首次打开出现偏移，刷新后正常

已于 2024-03-26 00:15:59 修改
阅读量322 收藏 1
点赞数 3
文章标签： 前端
于 2024-03-24 23:17:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yui_nie/article/details/136998334
版权

若依框架前端页面样式首次打开会出现位置偏移问题，刷新页面后不会再出现这种情况。

最后检查到是由于index.vue页面里面写的样式对其他页面会有影响。

解决办法：

index.vue页面的class名字全部加一个home前缀，避免重名；

其他页面引入scss写法，加上scoped

Yui_NIE
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
RuoYi若依管理系统-其他
06-11
导入结果会丢失精度问题优化更多操作按钮左侧移入内容闪现消失情况修复主子表提交中列隐藏后出现列偏移问题单据打印网页时通过hidden-print隐藏元素表格销毁清除记住选择数据增加表格动态列示例代码生成选择主子表...
前端项目修改默认滚动条样式(小结)
12-14
写过挺多项目都需要改变滚动条的默认样式 并不想单独下载和引入插件 因此纯css修改默认滚动条的样式 这次算统一整理下方法，直接上代码。 &::-webkit-scrollbar { // 滚动条的背景 width: 16px; background: #...
关于新手入坑vue，页面跳转样式错位刷新又好了的情况
热门推荐
Emperor灬fly的博客
09-15 1万+
       在项目开始的时候，一股脑的热情把所有的代码都码好了，然后就开始测试各模块的功能。在页面跳转的时候总有几个页面，在跳到该页面时样式全错位了，但是刷新一下就又好。于是就打开浏览器查看在页面跳转时样式的变化，我发现有些页面，在跳转时页面的样式并没有加载，而是沿用了前一个页面的，或者前面已经加载过页面的样式。一开始觉得很奇怪，后来想了想，这是个单页面应用。是不是样式的id 或者 class ...
VUE页面路由跳转后，出现样式混乱，刷新后恢复正常的3个解决方法
最新发布
2302_76297935的博客
03-09 1281
vue页面路由跳转，出现样式混乱，但是刷新后就恢复正常，别急我这有三个解决方法
页面跳转样进入页面样式混乱错位但是刷新页面后又好了
WebDestiny的博客
09-04 5580
原因：要是同样的样式，前面已经加载过了，浏览器在跳到下个页面相同的样式就不会再重新加载了。在起名的时候可以自行区分，也可以根据官网的提示，在页面的style中加上scoped <style scoped></style>这个可选 scoped 属性会自动添加一个唯一的属性 (比如 data-v-21e5b78) 为组件内 CSS 指定作用域，也就是给你定义的名字前加一串哈...
页面刷新经常出现样式排版乱掉
gll77
03-27 5186
 页面刷新经常出现样式排版乱掉，原因是css文件在js文件之后引入，会出现dom渲染完，但css还未加载，所以进行引入时，一定要严格按照先引入js文件，再引入css文件。...
Web前端开发技术-元素偏移量offset应用.pptx
07-07
元素偏移量offset应用;offset概述;offset含义：offset的含义是偏移量，使用offset的相关属性可以动态地获取该元素的位置、大小等。;获取鼠标位置：鼠标指针在盒子内的坐标位置示意图分析。;案例演示：获取鼠标指针在...
9.（arcgis api for js篇）arcgis api for js接入百度地图（有偏移）.zip
03-08
下载如有问题，可私信博主。下载前建议先查看博客内容，其地址为：https://blog.csdn.net/m0_60387551/article/details/123356335
Bootstrap与jQuery UI框架设计（前端开发工程师系列）
05-29
1.1.2 栅格系统的列偏移 操作案例1：制作音乐网站首页 1.1.3 栅格系统的列交换 1.1.4 栅格系统的嵌套 1.2 响应式栅格 操作案例2：组合栅格系统 2 CSS布局概要 2.1 CSS布局简介 2.2 基础排版 2.2.1 标题 2.2.2 主体...
vue页面跳转之后，之前页面的样式错乱，刷新之后又恢复正常。解决方法
changyana的博客
10-12 5062
这是css引用错乱导致的，也就是本页面被自动使用了其它页面的css样式。为了防止这种错乱产生，需要给每个页面加上scoped，表示此css样式只在本页面进行使用。
【页面样式错误，刷新又恢复问题处理】
Samuel_Tan的博客
08-19 707
# 页面样式错误，刷新又恢复问题处理
vue element 表格使用fixed固定列后切换菜单时错位问题
我真的很不错的博客
03-03 1617
开发时由于列表数据项过多需要固定操作列，于是在操作列上加了fixed=“right”。 一开始没什么问题，但是在切换菜单时出现了错位现象 后来找到问题，由于vue element-admin 默认是启用路由缓存的，但是element的固定列是动态计算高度的，当你第一次进入页面时并没有问题因为element已经计算好了高度，但是由于切换菜单后缓存的问题第二次进入是没有计算的，这就导致了错位现象。 百度的话很多解决方式，大多都是让你获取数据时doLayout，但是我这个问题并没有获取数据。是由于keep-al
若依系统富文本编辑框内容保存到后台样式被过滤问题
温柔已看透的博客
05-29 4864
若依系统富文本编辑框内容保存到后台样式被过滤问题 一.需求 进入页面，富文本编辑框里回显这条新闻内容，如下图， 然后可以在富文本编辑框里对它实现再编辑，编辑之后将html代码提交保存到后台数据库。可以点击详情页进行查看。 在提交到后台的过程中， 莫名被过滤了很多东西， 包括CSS、class等，只剩下了div标签了。 二.解决 只需一段代码即可搞定，如图： 默认防止XSS攻击是开着的，我们只需要将排除的链接添加到这里就可以了 ...
vue 切换页面（路由）时保持滚动条回到顶部
小肉包的博客
02-09 1108
vue 切换页面（路由）时保持滚动条回到顶部 vue项目做pc端的时候，发现在两个页面切换时 滚动条没有回到顶部而是保持原先的位置； 这是由于vue是单页面应用，只是更换了路由内容，还在当前页面滚动条是不会回到顶部的。 解决办法是在切换路由的时候，将滚动区域的滚动条复位为0。 // 使用 watch 监听$router的变化, watch: { '$route': function(to, from) { document.querySelector('html').scrol
Vue路由切换时新页面自动回到顶部
HaushoLin的博客
09-13 1293
打开路由router.js，将以下函数写入即可，全部所有组件在切换时都会滚动到顶部位置。
每次切换页面 纵坐标滚动条就会到最顶部
weixin_57711933的博客
04-06 164
每次切换页面 纵坐标滚动条就会到最顶部。
若依框架kafka环境搭建+项目配置文件
10-25
可以通过设置相关属性，如Kafka服务器地址、Topic名称、序列化方式、自动提交偏移量等。 8. 开发和测试：通过连接Kafka集群，编写生产者和消费者的代码，实现消息的发送和接收。可以使用Kafka提供的Java客户端或...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值