Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
haizhilin2013 opened this issue Jun 20, 2019 · 8 comments
Open

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

haizhilin2013 opened this issue Jun 20, 2019 · 8 comments
Labels
vue vue

Comments

@haizhilin2013
Copy link
Collaborator

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

@haizhilin2013 haizhilin2013 added the vue vue label Jun 20, 2019
@wenyejie
Copy link

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

@April-Zheng
Copy link

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

@fengyun2
Copy link

fengyun2 commented Jul 4, 2019

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

@Amazingman1
Copy link

不支持拖拽吧

@miqidian
Copy link

miqidian commented Aug 7, 2019

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

@haizhilin2013
Copy link
Collaborator Author

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

@isbase
Copy link

isbase commented Oct 15, 2020

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

@xinggedaxia
Copy link

@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
Labels
vue vue
Projects
None yet
Development

No branches or pull requests

8 participants