Vue Launch Modal с сообщением - PullRequest
Новая
       17

Vue Launch Modal с сообщением

1 голос
/ 15 марта 2019

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

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

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

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

1 Ответ

0 голосов
/ 16 марта 2019

Я думаю, вам нужно использовать 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>
...