VueJs Tab组件的懒惰初始化仅一次

Question

我正在尝试使bootstrap-vue选项卡的初始化变得懒惰，尽管如果将lazy属性设置为true，它也可以工作，但是每次我访问特定的选项卡时，它都会渲染组件：

BtabsWrapper.vue：

<b-tabs
    :lazy="true"
  >
    <b-tab
      v-for="(tab, index) in tabs"
      :key="'li-tab-' + index"
      :title="tab.title"
      :href="'#' + tab.id"
    >
      <slot
        :name="tab.id"
      />
    </b-tab>
  </b-tabs>

我需要对每个选项卡进行更多的延迟初始化（仅一次），而不是在用户每次访问时重新呈现该选项卡的组件。有什么想法吗？

Answer 1

如果将每个选项卡的内容包装在v-if中，并在加载它们时更改该条件一次，则应该会得到所需的结果。