Question

我正在尝试启动一个模式窗口，就像普通的alert（）

我正在使用bootstrap-vue BModal

如何从代码生成Modal类并启动它
或在模态app.vue中添加模式，并从子类中调用它。

我找到了一个示例，但无法复制它-https://codesandbox.io/embed/4l3w20zomw

Answer 1

我认为您需要使用show()，hide()和toggle()组件方法，这里是Link，但是这里的区别是您将调用show()方法到mounted()钩子处，它将在安装周期中调用showModal方法，因此在托管应用程序时，您将看到模式，如警报，示例

<template>
  <div>
    <b-modal ref="myModalRef" hide-footer title="Using Component Methods">
      <div class="d-block text-center">
        <h1>Any Content here</h1>
      </div>
    </b-modal>
  </div>
</template>

<script>
  export default {
    methods: {
      showModal() {
        this.$refs.myModalRef.show()
      },
      hideModal() {
        this.$refs.myModalRef.hide()
      }
    },
    mounted() {
     this.showModal();
    }
  }
</script>

带有消息的Vue启动模式

1 个答案: