Как заставить загрузочные события работать внутри vue - PullRequest
0 голосов
/ 25 мая 2018

У меня есть коллапс внутри контейнера Vue.теперь событие hidden.bs.collapse начальной загрузки больше не работает.

Я видел решение , которому нужно добавить ref="" и включить его в mounted Однако проблемазаключается в том, что условие внутри hidden.bs.collapse вызывается автоматически, хотя событие еще не вызвано.

вот код ..

 methods: {
  test(){
      console.log('test function')
      $('#form_create')[0].reset();
      $(".alert").alert('close')
      $('input,textarea').removeClass('is-invalid')
    },
    test2(){
      console.log('1321');
    }
  },
  mounted() {
    $(this.$refs.createForm).on('hidden.bs.collapse', this.test());
    $(this.$refs.showForm).on('hidden.bs.collapse', this.test2());
  }

РЕДАКТИРОВАТЬ:

глупомне.2-й параметр on не должен иметь ().

$(this.$refs.createForm).on('hidden.bs.collapse', this.test);

1 Ответ

0 голосов
/ 25 мая 2018

Попробуйте bootstrap-vue

Смешивать Jquery и Vue.js - плохая идея, потому что Vue.js использует Virtual DOM для выполнения изменений, в то время как Jquery использует только собственный DOM.Vue не увидит событие изменения Jquery, если оно работает.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...