Vuejs verzögerte Ereignisse auf Ajax Inhalt

Question

Ich habe einige Vuejs Ereignisse.

<div @mouseover="activate" @mouseout="deactivate" class="item featured"> 

Sie arbeiten gut, aber wenn der Inhalt über eine einfache Jquery Last belastet in() über es löst nicht. Wie kann ich diese Ereignisse in Vuejs verschieben?

edit:

Die Last durch Anklicken des nav

<li v-on:click="filterTalents" data-department="hardware"> 




filterTalents: function(event) { 
     var dept= $(event.target).closest('li').data('department'); 
     $(".content").load("includes/"+dept+".html", function() 

}); 

     }, 

     activate: function(event) { 
     $(event.target).closest('.item').addClass('active'); 

     }, 

     deactivate: function(event) { 
     $(event.target).closest('.item').removeClass('active'); 

     }, 

Answer 1

Gegeben ausgelöst wird, dass Sie Klasse dynamisch zu einem Element hinzufügen möchten, können Sie dynamic class binding von vue vorgesehen verwenden.

Ein einfaches Beispiel wäre, um ein Objekt zu v-bind:class passieren dynamisch Klassen umzuschalten:

<div v-bind:class="{ active: isActive }"></div> 

Die obige Syntax bedeutet die Anwesenheit der aktiven Klasse wird durch die Iness des Dateneigenschaft isActive bestimmt werden.