Vuejs 推迟了 ajax 内容上的事件

Question

我有一些vuejs事件。

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

它们工作正常，但是当内容通过简单的jquery load（）加载时，它不会触发。如何在 vuejs 中推迟这些事件？

编辑：

通过单击导航触发加载

 <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

给定你想要

动态地向元素添加类，你可以使用 vue 提供的动态类绑定。

一个简单的示例是将对象传递给v-bind:class以动态切换类：

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

上述语法意味着活动类的存在将由数据属性 isActive 的真实性决定。