Блог

Я пытаюсь запустить модальное окно, очень похожее на обычное оповещение ()

Я использую bootstrap-vue BModal

1. Как сгенерировать модальный класс из кода и запустить его
2. или добавьте modal в корневой app.vue и вызовите его из дочерних классов.

Я нашел пример, но не смог его воспроизвести — https://codesandbox.io/embed/4l3w20zomw

Я думаю, вам нужно использовать методы show() , hide() и toggle() component, и вот ссылка, но разница здесь в том, что вы будете вызывать 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>