vue+iviewUI Table 行点击可编辑,但数据量大时,表格卡顿

clipboard.png
加载40条数据时,点击最后一条数据需要等待2到3秒才进入编辑状态,有什么办法可以优化??

clipboard.png
程序逻辑:
点击行时,把对应的行数【index】赋予【edittingCellId】变量,然后匹配对应的行数更对应的状态。

阅读 11k
5 个回答

clipboard.png
已解决卡顿问题,我通过给表格主体添加一个点击事件,检测对应的单元格,然后更改对应的class,达到更换状态的效果。
这样子做就不需要重新渲染,但是前期加载表格会比之前慢点,不过我需要的效果已经达到了。

表格编辑数据建议弹出弹框来修改

vue这种响应式框架貌似在面对大量数据的时候表现不是很好。太多的数据要处理,随便一变就要重新渲染。

40条就能卡2、3秒说明你实现的方案不太好,走框架也不该这么慢


我用官网的例子改了改,40+条数据也没像你说的那样要2、3秒,这还是开发模式
https://codesandbox.io/s/jv30...

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题