在Storybook Vue中使用document.querySelector

Question

我有一个Vue组件，该组件在计算属性中使用document.querySelector。计算出的属性就是：

elHeight () {
  return document.querySelector(this.nav).clientHeight;
},

this.nav只是作为道具传入的ID。

我正在尝试使用Storybook为此组件编写一个故事，但出现错误，说

cannot find clientHeight of null

在我的故事中，我有

  .add('TopContainer', () => ({
    components: { TopContainer, },
    template: `
      <div id="user-nav" style="height:60px;" />
      <TopContainer :nav="'#user-nav'" />
    `,
  }));

我已尝试在计算机中尝试控制台日志记录this.nav，以确保它确实被传递了。我想知道是否是因为我的组件使用document.querySelector来抓取该组件，也许这在Storybook中不起作用？

任何见识将不胜感激！！！