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提供的dynamic class binding。

一个简单的例子是将对象传递给<div v-bind:class="{ active: isActive }"></div>以动态切换类：

array

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

Vuejs推迟了ajax内容的活动

1 个答案: