elementui之table列隐藏显示bug

摘要:
在最近的项目中,需要根据条件显示隐藏列。最初认为简单的v-if可以解决问题,但遇到了以下问题:1。开关状态,列数据混乱。解决方案:将:key=“Math.random()”添加到每列。2.输入或切换搜索条件。表抖动的解决方案:1beforeUpdate(){2this.$nextTick()=>{3this.$refs.multipleTable.doLayout()4})5}

在最近的项目中,有需求要做到根据条件显示隐藏列,原来以为简单的v-if可以解决,却遇到如下问题:

1、切换状态,列数据错乱

elementui之table列隐藏显示bug第1张

解决方法:

每列加上:key="Math.random()" 

2、输入或切换搜索条件,table抖动

解决方法:

1  beforeUpdate() {
2       this.$nextTick(() => {
3         this.$refs.multipleTable.doLayout()
4       })
5     }

免责声明:文章转载自《elementui之table列隐藏显示bug》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇透传模块是什么 为何透传NETTY框架的使用下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Handler处理长时间事件

当我们在处理一些比较长时间的事件时候,比如读取网络或者数据库的数据时候,就要用到Handler,有时候为了不影响用户操作应用的流畅还要开多一个线程来区别UI线程,在新的线程里面处理长时间的操作。开发的时候遇到数据处理都可以这样用handler,灵活修改一下就可以做各种效果了。 第一步:ProgressDialog弹出旋转框来提示长时间操作。 第二步:开多一...

MyBatis多租户隔离插件开发

在SASS的大潮流下,相信依然存在很多使用一个数据库为多个租户提供服务的场景,这个情况下一般是多个租户共用同一套表通过sql语句级别来隔离不同租户的资源,比如设置一个租户标识字段,每次查询的时候在后面附加一个筛选条件:TenantId=xxx。这样能低代价、简单地实现多租户服务,但是每次执行sql的时候需要附加字段隔离,否则会出现数据错乱。 此隔离过程应该...

iOS进阶之多线程

多线程 注意:iOS关于UI的刷新和添加必须在主线程中操作! pthread的创建方法: pthread_t pthread; //第一个参数 线程指针 //第二个参数 线程的一些属性 //第三个参数 函数指针 用于执行方法 //第四个参数 线程中的传值 pthread_create(&pt...

用C#操作图像的另一种方法——内存法

在本人的随笔 《在c#中用指针操作图片像素点》 中,介绍了两种不安全的方法,优势就在于时间效率上的提升,但是C#毕竟是安全性的语言,这里就介绍一种执行效率很高的安全方法—— 前几天在图书馆里发现了一本用C#讲图形学的书,其中就介绍了一种时间效率比指针法稍低的安全方法 //从文件中获得Bitmap对象 Bitmap bitmap = Bitmap.Fr...

java内存泄露与内存溢出

java内存泄露与内存溢出 基本概念 内存泄露:指程序中动态分配内存给一些临时对象,但是对象不会被GC所回收,它始终占用内存。即被分配的对象可达但已无用。 内存溢出:指程序运行过程中无法申请到足够的内存而导致的一种错误。内存溢出通常发生于OLD段或Perm段垃圾回收后,仍然无内存空间容纳新的Java对象的情况。 从定义上看,内存泄露是内存溢出的一种诱因,不...

使用C#实现ADSL自动拨号

    在网络编程中,有时候会需要重新拨号建立网络连接(如Ad点击软件通过重新拨号形成有效点击) ,下面介绍两种程序中拨号的方法. 1、最简单的方法:使用RasDial命令     RasDial是Windows自带的命令,使用非常简单。实际使用是可将下面代码保存为一个批处理文件,然后直接运行或在程序里进行调用。rasdial.exe  /disconne...