Извините за запрос о помощи, но я не могу понять, как заставить модальное окно bootstrap-vue отображаться изначально при загрузке страницы без необходимости запускать его с помощью кнопки или ссылки.
Спасибо.
Вместо того, чтобы пытаться открыть модальное окно при загрузке страницы, вы можете открыть его в 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>