Предотвратить Bootstrap-Vue модальные от открытия - PullRequest
Новая
       5

Предотвратить Bootstrap-Vue модальные от открытия

0 голосов
/ 27 сентября 2019

Я использую модал Bootstrap-Vue и хочу, чтобы он не открывался время от времени.Я не уверен, как заблокировать поведение по умолчанию.

   <b-img
      ref='cal-modal-button'
      id='cal-modal-button'
      class="cal-icon"
      v-bind:src="imagePath + calimage"
      v-b-modal.date-time-modal
      >
   </b-img>

И тогда урезанный модал устанавливается так: 

<b-modal id="date-time-modal" name="header-modal" ref="date-time-modal" hide-footer title="Set Date and Time">
   ...
</b-modal>

Есть ли способ предотвратить его появление без использования JQuery?

1 Ответ

2 голосов
/ 28 сентября 2019

Из документации вы можете отменить модальное состояние, используя show событие: 

<template>
  // ...
  <b-modal @show="onShow" ... />
</template>
<script>
export default {
  // ...
  data:() => ({
    modalDisabled:true
  }),
  methods: {
    onShow(bvModalEvt) {
      if(this.modalDisabled) {
        bvModalEvt.preventDefault()
      }
    }
  }
}
</script>

show ссылка на событие: https://bootstrap -vue.js.org / docs / components / modal/ # comp-ref-b-modal-events

Всегда излучает непосредственно перед показом модального режима.Отменяемый

BvModalEvent объект.Вызовите bvModalEvt.preventDefault (), чтобы отменить показ

...