버튼이나 링크 없이 페이지 로드 시 Bootstrap-vue 모드를 트리거하려면 어떻게 해야 합니까?

버튼이나 링크 없이 페이지 로드 시 Bootstrap-vue 모드를 트리거하려면 어떻게 해야 합니까?

도움말 요청은 죄송합니다.버튼이나 링크로 트리거하지 않고서는 처음에 페이지 로드에 부트스트랩 vue 모드를 표시하는 방법을 알 수 없습니다.

고마워요.

페이지 로드 시 모달 열기 시도 대신 다음에서 열 수 있습니다.mountedVue의 이벤트.

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>

언급URL : https://stackoverflow.com/questions/55804722/how-to-trigger-bootstrap-vue-modal-on-page-load-without-button-or-link