vue3 无法querySelectorAll获取异步兄弟组件?

我有两个异步组件

const anchorPoint = defineAsyncComponent(() => import('@/layout/components/anchorPoint/anchorPoint.vue'));

const fieldset = defineAsyncComponent(() => import('@/components/fieldset/fieldset.vue'));

第一个是锚点组件,我需要在他内部去判断 fieldset 中一些元素的滚动情况,
所以使用了 querySelectorAll,但我发现由于异步的原因我无法获取到 DOM

onMounted(async () => {
  await nextTick();
  const NodeList = document.body.querySelectorAll(props.anchor);
  console.log('0000000000000', NodeList); // 为空
  // ......
  renderAnchor(NodeList);
});

请问我该如何解决这个问题?

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