iview库修改table组件首次加载样式错乱

因为UI设计稿这边与我们使用的iview库中的表格组件样式不统一,所以需要对表格组件的样式进行修改。

修改完成后出现一个问题就是首次进入页面的时候,表格样式会有部分是错乱的,页面刷新一下就恢复正常了,页面也没有报错甚至没有警告。

排查很久发现我对其中一个内边距设置为0造成的,代码如此下:

将这个padding注掉就不会出现首次加载样式错乱了

原文地址:https://www.cnblogs.com/sixrookie/p/10953682.html

时间: 2024-07-30 16:46:34

iview库修改table组件首次加载样式错乱的相关文章

vue 首次加载缓慢/刷新后加载缓慢 原因及解决方案

# vue 首次加载缓慢/刷新后加载缓慢 原因及解决方案 最近做项目发现一个问题,页面每次刷新后加载速度都非常慢,20s左右,在开发环境则非常流畅,几乎感觉不到,本文参考望山的各种方案优化 1,关闭打包时生成的map文件 在config/index.js文件中讲productionSourceMap设置为false,再次打包便没有了map文件 2,vue-router路由懒加载 懒加载的实现方式有很多种,这里简单说三种实现方法 vue异步组件 import() webpack的require.e

DICOM:DICOM三大开源库对比分析之“数据加载”

背景: 上一篇博文DICOM:DICOM万能编辑工具之Sante DICOM Editor介绍了DICOM万能编辑工具,在日常使用过程中发现,"只要Sante DICOM Editor打不开的数据,基本可以判定此DICOM文件格式错误(准确率达99.9999%^_^)".在感叹Sante DICOM Editor神器牛掰的同时,想了解一下其底层是如何实现的.通过日常使用以及阅读软件帮助手册推断其底层依赖库很可能是dcmtk,就如同本人使用dcmtk.fo-dicom.dcm4che3等

关于验证码的首次加载失效问题

验证码首次加载失效问题相信很多人都遇到过.不论是从百度还是谷歌上去搜索,都会看到许多人抱怨这个问题.在亲身经历了验证码失效的投诉之后,我也在思考这个问题. 原因方面目前还不清楚,但是我想到了一个解决办法,并且这个办法目前没有再出现过问题. 在输入用户名或密码的第一个字符的时候,使用Ajax异步请求一次验证码,这样子就能模拟用户手动刷新的行为,从而解决第一次加载的验证码通不过的问题.

首次加载进来DEV控件列表第一行颜色总是不对,后台代码显示的数据正确

1:行改变的颜色正确的颜色: 2:结果首次加载第一行颜色为: 3:解决方案:Views-->OptionsSelection -->EnableAppearancehideSelection=False

angular4 使用swiper 首次加载问题(一)

angular 在使用外部插件swiper 还是有不少小坑的,下面来聊一聊.angular在使用swiper 的一些坑 一开始觉得使用外部引入的方式比较好,就在外部定义了.简单快捷方便, 但是在开发后期,发现会出现这样的bug (首次加载swiper 不起作用,只有在二次刷新的时候,才能发挥作用.)深入研究发现,这个主要是angular的一个运行机制问题. 后来就开始找解决方案 我目前采用的是 先  cnpm install swiper 然后在需要引入的页面应用  import * as sw

React Native 首次加载白屏优化

RN首次加载都会有个白屏过程,一般都会有500ms+的白屏时间,原生页面开发同样的页面会能够快速显示而在RN页面中有个明显的等待过程,这个会影响用户体验. 1.使用过度页面 简单处理可以在白屏过程中加个过度页面,通过设置RCTRootView的loadingView添加默认的加载过程 /** * A view to display while the JavaScript is loading, so users aren't presented * with a blank screen. B

ExpandableListView的首次加载全部展开,并且点击Group不收缩、

最近在做Android市场的应用.看到好多市场类的QQ应用宝做的算是最完美的了.在项目中要实现它的下载管理的实现,而界面如下: 反编译得到使用的是ExpandableListView.而怎么首次加载全部展开,而不能点击收缩呢? 1.首次加载全部展开: mDownloadListView.setAdapter(mDownloadAdapter); for (int i = 0; i < downloadGroup.size(); i++) { mDownloadListView.expandGro

vue路由懒加载及组件懒加载

vue路由懒加载及组件懒加载: https://www.cnblogs.com/-roc/p/9983177.html 一.为什么要使用路由懒加载 为给客户更好的客户体验,首屏组件加载速度更快一些,解决白屏问题. 二.定义 懒加载简单来说就是延迟加载或按需加载,即在需要的时候的时候进行加载. 三.使用 常用的懒加载方式有两种:即使用vue异步组件 和 ES中的import 1.未用懒加载,vue中路由代码如下 import Vue from 'vue' import Router from 'v

组件懒加载

在单页应用的世界,随着项目的复杂化,webpack打包后的文件越来越大,进入页面时,加载内容过多导致加载时间变长,不利于用户体验. 那什么是懒加载? 懒加载也叫延迟加载,即需要的时候进行加载. 1) 先来看看平时路由是如何配置 import Vue from 'vue' import Router from 'vue-router' import Home from '@/pages/home/homePage' import Detail from '@/pages/detail/detail