业务场景:
element的下拉列表数据需要根据后端传过来的数据判断是否需要禁用相关菜单,在父子文件夹中,父文件夹权限小,点击子文件夹的下拉栏是渲染的数据是旧数据,新数据获取的速度没有下拉按钮点击后显示菜单栏的速度快,导致显示的效果不对。
鼠标不动页面不动,鼠标移动到菜单栏上重新渲染显示正确了,使用了 forceUpdate 没有解决这个问题,
猜测还是dom刷新不及时的问题。
解决方法:
查了很多资料,最好在 https://blog.csdn.net/sylvia_0815/article/details/105160786 找到了解决的方法,就是使用深拷贝,把相关的对象数据重新赋值一下,这样就可以达到了强制刷新dom的目的。
this.$set(this.someObject, 'b', 2)