vue2+element构建页面时页面元素跳动

最新推荐文章于 2024-05-19 19:34:32 发布
最新推荐文章于 2024-05-19 19:34:32 发布
阅读量119 收藏
点赞数
分类专栏： 前端bug #css 文章标签： css html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_67403326/article/details/131163147
版权

遇到一个比较奇特的bug,使用vue2+element构建页面的时候需要让内容滚动,但是上面的搜索栏和按钮需要固定,所以我就设置了css定位,但是每次打开这个页面的时候我设置的搜索栏和按钮就会跳到页面别的地方去,然后在0.几秒之后再回到我设置的地方,原因就是以为刚开始加载页面的时候解析的element的css属性,解析完毕后才执行我设置的css属性,所以会造成这种现象,这也是一个注意的点.

 

别和我谈梦想,我的梦想就是不上班
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
从零创建完整的个人项目 （webapck+vue3+element vite+vue3+VantUI）
Beatingworldline的博客
02-15 781
参考 安装node 安装vue-cli脚手架 npm i -g @vue/cli-init 建立项目文件夹执行脚本 vue create projectname 手动选择需要的插件 vuex、router、babel 、vue版本、Css预处理器 等等配置 ——项目创建过程已经集成化了 很简单 待补全： 引入elementUI 配置axios与不同环境的访问地址 登录 环境变量 webpack脚本 vue.config.js相关配置 ...
vue+element实现打印页面功能
10-16
主要介绍了vue+element实现打印页面功能，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下
【Vue2.0】—解决页面闪烁的问题（八）
道阻且长，行则将至。
11-16 514
【Vue2.0】—解决页面闪烁的问题（八） v-cloak指令(没有值) 1、本质上是一个特殊属性，Vue实例创建完毕并接管容器后，会删掉v-cloak属性 2、 使用css配合v-cloak可解决网速慢时页面展示出{{XX}}的问题此指令可以解决使用插值表达式页面闪烁问题 将该指令加在html标签中时，可以在该文件中加style属性为display：none，例子如下： <div id="root"> <h2 v-cloak>{{name}}&lt
vue使用@mouseenter、 @mouseleave时 鼠标移入移出时出现闪烁现象
m0_37777899的博客
02-24 3126
1. 阻止用户点击动作产生的效果 2. 阻止缺鼠标指针的显示 3. 阻止css中hover和active状态的变化触发事件 4. 阻止javascript点击动作触发的事件 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码如下（示例）： import numpy as np import pandas as pd import matplotlib.
【抖动】vue 页面动态加载，刷新抖动
Domeansea的博客
06-01 3435
页面抖动，display:flow-root
超美观的 Vue+Element 开源后台管理 UI
码农code之路
12-15 2545
EuiAdmin是基于Vue+Element等组件联合开发的一个免费的开源后台，你可以通过（euiadmin.com）进行下载和体验，此后台免费开源，可以直接免费使用。免费开源后台主要为...
2024年前端最全基于 vue + Element-ui 开发的后台管理系统(1)，h5前端开发培训
2401_84447065的博客
05-06 714
这也是为什么大家都说35岁是程序员的门槛，很多人迈不过去，其实各行各业都是这样都会有个坎，公司永远都缺的高级人才，只用这样才能在大风大浪过后，依然闪耀不被公司淘汰不被社会淘汰。内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。提交用户输入的登录信息，调用接口要做验证。
vue3 + vite + ts + pinia + yarn
Hi_ZH的博客
07-19 352
知识点总结 vue3 vit ts pinia yarn
【Vue3 页面美化】常用组件库推荐
前端知识分享喵
06-20 3250
Vue 作为一款深受广大群众喜欢的前端框架，拥有众多优秀的开源 UI 组件库，这里整理了一下供大家参考。这几套框架主要用于后台管理系统和移动端的制作，方便开发者快速开发。
基于 vue + Element-ui 开发的后台管理系统，面试官打击人的套路
m0_60452293的博客
04-19 551
面试一面会问很多基础问题，而这些基础问题基本上在网上搜索，面试题都会很多很多。最好把准备一下常见的面试问题，毕竟面试也相当与一次考试，所以找工作面试的准备千万别偷懒。面试就跟考试一样的，时间长了不复习，现场表现肯定不会太好。表现的不好面试官不可能说，我猜他没发挥好，我录用他吧。96道前端面试题：常用算法面试题：内容主要包括HTML，CSS，JavaScript，浏览器，性能优化网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。
基于vue2 + Element-ui搭建的后台管理系统源码.zip
10-12
基于vue2 + Element-ui搭建的后台管理系统
解决vue+element 键盘回车事件导致页面刷新的问题
10-18
今天小编就为大家分享一篇解决vue+element 键盘回车事件导致页面刷新的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Spring boot+vue3+element plus实现后台管理系统
07-04
前后端分离项目，Spring boot作为后端，vue框架实现前端，后端整合swagger3测试工具，jwt实现验证码生成，awt生成图形验证码，整合邮箱验证，使用mybatis-generator自动生成实体类以及mapper，设置有拦截器验证登录...
基于Vue3+Element Plus后台管理系统模版源码.zip
10-26
基于Vue3+Element Plus后台管理系统模版源码.zip基于Vue3+Element Plus后台管理系统模版源码.zip基于Vue3+Element Plus后台管理系统模版源码.zip基于Vue3+Element Plus后台管理系统模版源码.zip基于Vue3+Element ...
样式表单MIME 类型 “text/plain“ 不是 “text/css“问题处理
jkzyx123的博客
05-15 263
样式表单www.*.com/static/js/*.css未载入，因为它的 MIME 类型 "text/plain" 不是 "text/css"。
CSS 根据子元素选择父元素，并设置父元素的样式
easonjake的博客
05-15 285
场景举例：当子元素有增加了一个class时，需要影响其父元素的样式。可以看到，当p元素拥有child类时，父元素的样式发生了改变。可以使用":has"伪类来实现选择父元素的效果。
CSS常用设置
最新发布
weixin_51416826的博客
05-19 452
对于前端开发人员来说，最难的一步莫过于CSS（是否同感？在最近的项目中学习了一些CSS设置，特意来分享~
HTML CSS（1）
valutang的博客
05-16 310
一个属性可以完成 font-size，font-weight，font-style，line-height，font-family。font-family属性值可以书写多个字体名，每个字体名用逗号隔开，执行顺序从左向右一次查找。/*link 引入外部样式表 rel ：关系，样式表*//* 选择器{属性名:属性值;/*是否倾斜，是否加粗，字号/行高，字体*/<img src="图片 " alt="">浏览器窗口内任意位置/选中标签->鼠标右键->检查。/*一个标签可以使用多个类名，空格隔开*/
vue+element 刷新页面
07-12
在 Vue.js 和 Element UI 中，如果你想要刷新页面，可以使用 `window.location.reload()` 方法来实现。这个方法会重新加载当前页面，并且会触发所有的生命周期钩子。 你可以在需要刷新页面的地方调用这个方法，例如...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值