本文主要是介绍vue elementui 向table中添加新列 视图刷新慢,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
需求:点击checkbox,向列表中加新的列,再点击,去除新的列
问题:checkbox和table的视图是同时刷新的。点击以后table刷新慢,checkbox要等table,再一起绘图。
思路:
1.解决table慢的问题。
优点:根本途径
缺点:这需要减少dom元素,换组件啥的,太麻烦
2.让checkbox的视图先绘制,再处理table的视图
优点:无
缺点:没找到官方给的方法(forceUpdate怎么更新单个组件,延时tick和settime不能够管的上视图绘制)
不把checkbox值用v-model绑定,而是在点击时,进入方法,在方法里,设置个250+的延迟,再给值进行一个取反。就做到了先放了checkbox的动画,再变值,被侦测,更新table。(延时具体时间为点击checkbox的动画播放的占用时间)
这篇关于vue elementui 向table中添加新列 视图刷新慢的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!