前言:
明明页面只有二十来条数据,交互起来却已经很卡顿,如果页面使用了u-row和u-col布局,那很可能就是它们在搞鬼
一般使用uView UI,都是用于uniapp的app或者h5项目,那相比web端更需要注重页面性能。
先说结论:u-row 和 u-col 组件运用了大量的计算属性计算影响性能,及时页面只有二三十条数据,在一些交互上也会很卡顿(比如点击弹出弹窗之类的,滚动列表倒是不受影响,很奇怪)
该结论是ai给的,也是我在以前对此做优化时在别处提及过,具体是不是这个原因已经记不清;如果页面运用u-row和u-col不多,那没什么关系,继续用也无妨;如果页面某个列表遍历数据,通过u-row和u-col大量生成DOM,那最好还是不要用这种布局。
解决办法:手写html + css,使用flex布局,不使用u-row和u-col