Как запустить Bootstrap-vue модально при загрузке страницы без кнопки или ссылки? - PullRequest
Новая
       33

Как запустить Bootstrap-vue модально при загрузке страницы без кнопки или ссылки?

0 голосов
/ 23 апреля 2019

Извините за просьбу о помощи, но я не могу понять, как получить модальный bootstrap-vue для первоначального отображения при загрузке страницы без необходимости его запуска кнопкой или ссылкой.

Спасибо.

1 Ответ

0 голосов
/ 23 апреля 2019

Вместо того, чтобы пытаться открыть модальное при загрузке страницы, вы можете открыть его при mounted событии Vue.

Повышено от примера кода на сайте Bootstrap-Vue: 

<template>
  <div>
    <b-modal ref="my-modal" hide-footer title="Using Component Methods">
      <div class="d-block text-center">
        <h3>Hello From My Modal!</h3>
      </div>
      <b-button class="mt-3" variant="outline-danger" block @click="hideModal">Close Me</b-button>
      <b-button class="mt-2" variant="outline-warning" block @click="toggleModal">Toggle Me</b-button>
    </b-modal>
  </div>
</template>

<script>
  export default {
    methods: {
      showModal() {
        this.$refs['my-modal'].show()
      },
      hideModal() {
        this.$refs['my-modal'].hide()
      }
    },
    mounted() {
      this.showModal();
    }
  }
</script>
...