[ Vue ] $emit из динамического компонента?

Question

[Сева]

Монтируем компонент напрямую в DOM:

toogleForm () {
      const Tbody = document.querySelector('tbody')
      const AddNewRowCtor = Vue.extend(AddNewRow)
      const addNewRowCtorInstance = new AddNewRowCtor().$mount()
      Tbody.insertBefore(addNewRowCtorInstance.$el, Tbody.querySelector('tr'))
    },

Из этого компонента пытаемся вызвать событие:

emitRow () {
      console.log('test')
      this.$emit('addResource', {
        name: 'Test',
        identifier: 'Test'
      })
    }

Ничего не происходит, событие не выбрасывается, только стандартное click. Как быть?

Спасибо.

Answer 1

[Дмитрий Беляев]

А где Вы подписались на событие?

toogleForm () {
      const Tbody = document.querySelector('tbody')
      const AddNewRowCtor = Vue.extend(AddNewRow)
      const addNewRowCtorInstance = new AddNewRowCtor().$mount()
      addNewRowCtorInstance.$on('addResource', payload => { /* wow! */ });
      Tbody.insertBefore(addNewRowCtorInstance.$el, Tbody.querySelector('tr'))
    },

Comments

[Сева]

Я в консоли вижу, что оно не отправялется -



addResource не уходит никуда

[Дмитрий Беляев]

Сева, покажите код, где Вы подписываетесь на событие