需求:点击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中添加新列 视图刷新慢
最新推荐文章于 2023-08-01 15:49:22 发布