Skip to content

[vue] ElementUI使用表格组件时有遇到过问题吗? #397

Open
@haizhilin2013

Description

@haizhilin2013
Collaborator

[vue] ElementUI使用表格组件时有遇到过问题吗?

Activity

wenyejie

wenyejie commented on Jun 21, 2019

@wenyejie

就用过一次element, 所以没遇到过

April-Zheng

April-Zheng commented on Jul 1, 2019

@April-Zheng

flex布局下 表格宽度无限增加

fengyun2

fengyun2 commented on Jul 4, 2019

@fengyun2

500 * 200,页面直接崩溃了 ,我能怎么办呢,我也很绝望呀,只能重写一个了

Amazingman1

Amazingman1 commented on Jul 9, 2019

@Amazingman1

不支持拖拽吧

miqidian

miqidian commented on Aug 7, 2019

@miqidian

遇到表格的横向滚动条被固定列挡住的问题,在有合计的情况下(1:表格有横向滚动条,2:有固定列,3:底部有合计)满足这三个条件,固定列的的宽度会把横向滚动条挡住,导致固定列下面滚动条不能拖动。

haizhilin2013

haizhilin2013 commented on Aug 7, 2019

@haizhilin2013
CollaboratorAuthor

@miqidian 这问题你是如何解决的?

isbase

isbase commented on Oct 15, 2020

@isbase

因数据量大,动态渲染100多列,已经弃用,每页至少200条数据

xinggedaxia

xinggedaxia commented on Dec 10, 2020

@xinggedaxia

@isbase
Object.freeze
这算是一个性能优化的小技巧吧。在我们遇到一些 big data的业务场景,它就很有用了。尤其是做管理后台的时候,经常会有一些超大数据量的 table,或者一个含有 n 多数据的图表,这种数据量很大的东西使用起来最明显的感受就是卡。但其实很多时候其实这些数据其实并不需要响应式变化,这时候你就可以使用 Object.freeze 方法了,它可以冻结一个对象(注意它不并是 vue 特有的 api)。
当你把一个普通的 JavaScript 对象传给 Vue 实例的 data 选项,Vue 将遍历此对象所有的属性,并使用 Object.defineProperty 把这些属性全部转为 getter/setter,它们让 Vue 能进行追踪依赖,在属性被访问和修改时通知变化。
使用了 Object.freeze 之后,不仅可以减少 observer 的开销,还能减少不少内存开销。相关 issue。
使用方式:this.item = Object.freeze(Object.assign({}, this.item))

作者:花裤衩
链接:https://juejin.cn/post/6844903840626507784
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @isbase@miqidian@wenyejie@haizhilin2013@fengyun2

        Issue actions

          [vue] ElementUI使用表格组件时有遇到过问题吗? · Issue #397 · haizlin/fe-interview