关于vue3 ref组件的dom无法获取的问题

190 阅读1分钟

遇到一个很奇怪的问题,不知道具体的原因是什么,希望各位大佬帮忙解决一下疑惑。

这个问题的复现是在实际开发中用户切换过快tab页导致的,下面是基于场景进行复现,使用了setInterval频繁触发点击来进行模拟。

下面是截图: 这一幅图主要就是说明了代码的主要结构,在onMounted中打印queryPanel这个组件,然后调用了一下queryInfo这个函数模拟了一下ajax请求再次打印queryPanel这个组件,结果出现却让我大吃一惊。(这个变量肯定是定义了的)

image.png

image.png

结果:从结果可以看出在外部打印出了这个变量,但是函数中这个变量却打印不出来,请教是为什么?

image.png