百度360必应搜狗淘宝本站头条
vue dispatchspring gatewayorder by ascidea eval resetupdate canceled
当前位置：网站首页 > 技术分类 > 正文

el-table 每列使用了min-width 百分比之后，解决闪屏问题

ztj100 2025-07-28 01:24 13 浏览 0 评论

vue

   <el-table ref="tab1" :data="tableData"
tooltip-effect="dark" :cell-style="{'text-align':'center'}"
style="width: 100%" :header-cell-style="{'text-align':'center' ,'background':'#F3F9FF'}"
@selection-change="handleSelectionChange" @select-all="selectAll" @select="selectRow">
  <el-table-column type="selection"min-width="5%"></el-table-column>
<el-table-column prop="InitiationTime" label="测评时间"min-width="15%">

注意，设置列的百分比不能直接width:10%这样是无效的，只能min-width:10%这样的设置

还有就是必须设置ref的属性

由于el-table 默认是width 给定尺寸，现在给的百分比，加载数据的时候，会出现闪跳一下，然后表格再显示，需要设置beforeUpdate钩子，这个beforeUpdate：视图层的数据改变时触发

js

 /*解决el-table 列百分比设置，闪屏的问题*/
  beforeUpdate() {
    // table数据更新后，重新渲染table避免闪动
    this.$nextTick(() => {
      this.$refs['tab1'].doLayout()
    });
    
 },

注意：该beforeUpdate 需要写在跟methods:()同级，可以写之前，可以写之后，不要写在methods里面了

相关推荐

Linux集群自动化监控系统Zabbix集群搭建到实战

自动化监控系统...

systemd是什么如何使用_systemd/system

systemd是什么如何使用简介Systemd是一个在现代Linux发行版中广泛使用的系统和服务管理器。它负责启动系统并管理系统中运行的服务和进程。使用管理服务systemd可以用来启动、停止、...

Linux服务器日常巡检脚本分享_linux服务器监控脚本

Linux系统日常巡检脚本，巡检内容包含了，磁盘，...

7，MySQL管理员用户管理_mysql 管理员用户

一、首次设置密码1.初始化时设置（推荐）mysqld--initialize--user=mysql--datadir=/data/3306/data--basedir=/usr/local...

Python数据库编程教程:第 1 章 数据库基础与 Python 连接入门

1.1数据库的核心概念在开始Python数据库编程之前，我们需要先理解几个核心概念。数据库（Database）是按照数据结构来组织、存储和管理数据的仓库，它就像一个电子化的文件柜，能让我们高效...

Linux自定义开机自启动服务脚本_linux添加开机自启动脚本

设置WGCloud开机自动启动服务init.d目录下新建脚本在/etc/rc.d/init.d新建启动脚本wgcloudstart.sh，内容如下...

linux系统启动流程和服务管理，带你进去系统的世界

Linux启动流程Rhel6启动过程：开机自检bios-->MBR引导-->GRUB菜单-->加载内核-->init进程初始化Rhel7启动过程：开机自检BIOS-->M...

CentOS7系统如何修改主机名_centos更改主机名称

请关注本头条号，每天坚持更新原创干货技术文章。如需学习视频，请在微信搜索公众号“智传网优”直接开始自助视频学习1.前言本文将讲解CentOS7系统如何修改主机名。...

前端工程师需要熟悉的Linux服务器(SSH 终端操作)指令

在Linux服务器管理中，SSH（SecureShell）是远程操作的核心工具。以下是SSH终端操作的常用命令和技巧，涵盖连接、文件操作、系统管理等场景：一、SSH连接服务器1.基本连接...

Linux开机自启服务完全指南:3步搞定系统服务管理器配置

为什么需要配置开机自启？想象一下：电商服务器重启后，MySQL和Nginx没自动启动，整个网站瘫痪！这就是为什么开机自启是Linux运维的必备技能。自启服务能确保核心程序在系统启动时自动运行，避免人工...

Kubernetes 高可用(HA)集群部署指南

Kubernetes高可用（HA）集群部署指南本指南涵盖从概念理解、架构选择，到kubeadm高可用部署、生产优化、监控备份和运维的全流程，适用于希望搭建稳定、生产级Kubernetes集群...

Linux项目开发,你必须了解Systemd服务!

1.Systemd简介...

Linux系统systemd服务管理工具使用技巧

简介：在Linux系统里，systemd就像是所有进程的“源头”，它可是系统中PID值为1的进程哟。systemd其实是一堆工具的组合，它的作用可不止是启动操作系统这么简单，像后台服务...

Red Hat Enterprise Linux 10 安装 Kubernetes (K8s) 集群及高级管理

一、前言...

Linux下NetworkManager和network的和平共处

简介我们在使用CentoOS系统时偶尔会遇到配置都正确但network启动不了的问题，这问题经常是由NetworkManager引起的，关闭NetworkManage并取消开机启动network就能正...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表
赣ICP备2023011147号-29