ElementUI使用表格组件时有遇到过问题吗?
-
遇到表格的横向滚动条被固定列挡住的问题,在有合计的情况下(1:表格有横向滚动条,2:有固定列,3:底部有合计)满足这三个条件,固定列的的宽度会把横向滚动条挡住,导致固定列下面滚动条不能拖动。
-
@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
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。