前端页面闪动（vue+ele 表格分页）

UI组件库： element

框架： vue

组件：ele表格组件 + ele分页组件

问题：在vue中分页时到了某一页突然不断闪屏

自己分析的原因（猜想）：可能是表格内容高度自适应，超出当前行会换行，当到达某一高度时，恰巧到达浏览器产生滚动条的高度，但没有滚动条又能显示，所以浏览器这时就不能正常判断是否需要滚动条，从而导致页面闪屏

这个只是个人排除各种因素后得到的一个猜想，可能绝大多数情况是无法复现的（因为我其他页面的分页都是正常的，只有一个页码的页面会出现问题）

解决方法一：（这个方法不能排除出现以上bug的因素）

给表格中的所有内容加上超出宽度显示省略号

解决方法二：可以根除以上bug (本人用的是这种方法)

在表格内加上一个滚动条，是body不会因为表格的自适应产生滚动条

前端页面闪动（vue+ele 表格分页）相关推荐

iview构建基本html页面,写前端页面步骤----vue+iview
1:用iview构建基本HTML页面 2:在export default{ }中写一个data(){return:{变量:值}}全局对象,用于传递与绑定HTML参数. 3:在export defaul ...
vue根据表格分页，前端实现方法
html: <el-table:data="tableData.slice((curPage-1)*pagesize,curPage*pagesize)"borderstyl ...
学成在线--2.CMS前端页面查询开发
文章目录 0.思路总结 1.创建CMS模块的目录架构 2.创建页面并配置路由 1)在page目录新建page_list.vue,扩展名为.vue. 2)在cms的router下配置路由. 3)在bas ...
前端页面响应慢的问题处理
前端页面响应慢的问题处理返回导航页是什么问题期望目标排查原因结果返回导航页 https://blog.csdn.net/hancoder/article/details/106922139 ...
antd table排序 vue_商品品牌业务之Vue编写前端页面
今天是刘小爱自学Java的第145天. 感谢你的观看,谢谢你. 学习计划安排如下: 打算从前端页面到后台服务器代码完整地写一遍,但显然我高估了自己的实力,几个小时的时间根本不够用. 并且因为教程和vu ...
Vue+ElementUI table表格分页
Vue+ElementUI table表格分页分页的两种方式.前端分页,后端分页.两种方式各有个的优缺点吧. 前端分页:后台只需将数据返回,不需要做过多处理,前端一次请求拿到所有数据后做分页处理.但 ...
SpringBoot的开发(3)--前端页面的搭建、前端页面的编写、分页和增删改查功能的实现...
前端页面的搭建首先我们在resources包下新建一个文件夹static,SpringBoot默认会去把static包下的文件做一个路由然后在static包下新建一个HTML File类型的文件, ...
layui自定义查询条件html页面,Layui的数据表格+springmvc实现搜索功能的例子_飛雲_前端开发者...
如下所示: 主要在前端页面加: 搜索ID: userid content 搜索在 reload:function () { var keyWord=$("#keyWord").v ...
vue 新建的页面如何访问_Vue.js—实现前后端分离架构中前端页面搭建（四）（完）...
[Vue.js实现前后端分离架构中前端页面搭建] 二十.实现服务端登录业务前提:已经有单机版Eureka,端口8761.启动开Eureka 1. 新建父项目新建backend_parent. 为了 ...
Spring+SpringMVC+MyBatis明日方舟版人员信息管理系统前端页面代码前后端交互+SSM框架管理员登录游客登录普通用户登录人员的增删改查信息更新图片上传分页查询）
Spring+SpringMVC+MyBatis明日方舟版人员信息管理系统前端页面代码(前后端交互+SSM框架管理员登录游客登录普通用户登录人员的增删改查信息更新图片上传分页查询修改密 ...

前端页面闪动（vue+ele 表格分页）

前端页面闪动（vue+ele 表格分页）相关推荐

最新文章

热门文章