在vue/test-utils上显示<！-> v-expansion-panel-content

Question

我正在使用"@vue/test-utils": "^1.1.4"测试veutify示例v-expansion-panels。

      <v-expansion-panels>
        <v-expansion-panel
          v-for="(item,i) in 5"
          :key="i"
        >
          <v-expansion-panel-header>Item</v-expansion-panel-header>
          <v-expansion-panel-content>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
          </v-expansion-panel-content>
        </v-expansion-panel>
      </v-expansion-panels>

但是，在挂载我的组件之后，我在<v-expansion-panel-content>上获得了<!---->

    <div data-v-b60b777e="" class="v-item-group theme--light v-expansion-panels">
      <div data-v-b60b777e="" aria-expanded="false" class="v-expansion-panel"><button data-v-b60b777e="" type="button" class="v-expansion-panel-header">Item<transition-stub name="fade-transition">
            <div class="v-expansion-panel-header__icon"><i aria-hidden="true" class="v-icon notranslate mdi mdi-chevron-down theme--light"></i></div>
          </transition-stub></button>
        <transition-stub data-v-b60b777e="" name="expand-transition">
          <!---->
        </transition-stub>
      </div>
      ......

如何使扩展面板的内容显示出来？

Answer 1

事实证明，我只需要向<v-expansion-panel-content eager>这样的组件添加eager，它会强制生成内容。