Vue расслоения плотной привязки события динамического элемента детского

Question

В JQuery я могу связать событие динамически созданные дочерний элемент:

$(staticAncestors).on(eventName, dynamicChild, function() {});

К примеру, у меня есть таблица и хочу добавить новую строку, когда места пользователя сосредоточиться на вход в последнюю строку:

Как я могу достичь этого с помощью Vue?

Answer 1

Ваш новый html должен быть скомпилирован, чтобы вести себя как часть vue instace.

myVueApp = new Vue({ 
    methods: { 
    addMetaInputRow: function(){ 
     // here you can add method which can focus on last row  
     var $element = $('#app').append('<div onClick="dynamic()">HTML code.</div>') 
     this.$compile($element.get(0)); 
    }, 
    dynamic() { 
     // add new elements to rows 
     console.log('hello from dynamic content.') 
    } 
    } 
});