Проблема с начальной загрузкой при использовании директивы vb-modal и @click - PullRequest
Новая
       47

Проблема с начальной загрузкой при использовании директивы vb-modal и @click

3 голосов
/ 01 ноября 2019

Я новичок в Vue и Bootstrap, у меня есть кнопка, подобная этой: 

<button
    type="button"
    class="btn btn-warning btn-sm"
    v-b-modal.book-update-modal
    @click="editBook(book)">
Update</button>

@click привязывается к методу editBook()

export default {
  data() {
    return {
      books: [],      
      editForm: {
        id: "",
        title: "",
        author: "",
        read: []
      },
      message: "",
      showMessage: false
    };
  },
methods: {
  function editBook(book){
      this.editForm = book;
  }
}

Проблема в том,когда я нажимаю на button, модальное окно не будет отображаться, пока я не нажму на него снова. Когда я удаляю привязку @click из элемента button, она работает хорошо.

Понятия не имею, где это не так. Любая помощь приветствуется.

---- Редактировать ----

Я удаляю v-b-modal.book-update-modal и добавляю this.$refs.editBookModal.show(); к методу editBook(book), он хорошо работает с одиночнымнажмите на кнопку. Но мне все еще любопытно, почему для двойного щелчка по кнопке нужно показать модель, когда установлен v-b-modal.book-update-modal.

...