Javascript 引导Vue-使子组件在b模式组件内工作

因此，出于某种原因，当我将子组件添加到

组件时，它无法正确显示模式。看起来：is=“currentModal”未被正确读取

  <b-modal size="lg" v-model="currentModal" @ok="currentModal = null">
    <component :is="currentModal" :email="email"></component>
  </b-modal>

基本上，currentModal是要显示的当前组件。如果我将其更改为currentModal是一个字符串，就像这样，它仍然不能正常工作：

  <b-modal size="lg" v-model="currentModal" @ok="currentModal = null">
    <Register v-if="currentModal=='register'":email="email"></Register>
    <Login v-if="currentModal=='login'" :email="email"><Login>
  </b-modal>

如果我将b-modal标记全部移除，登录和注册组件的工作方式与预期相同，因此问题似乎在于，出于某种原因，注册和登录组件没有从b-modal中正确读取currentModal。任何帮助都将不胜感激

您需要使用

作为

的直接子元素

在本例中，它将类似于以下内容：

<b-modal size="lg" v-model="currentModal" @ok="currentModal = null">
    <b-container>
        <component :is="currentModal" :email="email"></component>
    </b-container>
</b-modal>

您是否像文档一样使用“v-b-modal”指令？你有没有找到解决办法？面对同样的问题，提出的答案不起作用。