Vuejs bir etkinlik tarafından çağrılan öğeyi mi alıyor?

Question

Etkin sınıfları tıklatıldığında açılmak istediğim birden çok liste öğesine sahibim.

<ul class="list-body"> 
    <li v-on="click: setFilter('style', 'pils')" v-class="active: isActive">Pils</li> 
    <li>Dubbel</li> 
    <li>Tripel</li> 
    <li v-on="click: setFilter('style', 'Quadrupel')">Quadrupel</li> 
    <li>Wit</li> 
</ul> 

Ben zaten sınıf onClick etkinleştirmek için ekstra işlevler ekleyebilirsiniz bir setFilter tıklama fonksiyonu var.

setFilter: function(facet, value) { 
    // Facet for style of beer(search filter) 
    this.helper.addDisjunctiveFacetRefinement(facet, value).search(); 
}, 

Sorum tıkladım ve setFilter yöntemle denilen belirli li elemanı seçebilir nasıl?

false veya true etkin sınıfları için, tıklanan (veya tıklanmayan) her bir li öğesi için bir değişken ayarlamak istiyorum.

Answer 1

Etkinliği ve etkinlik hedefini işlevinize doğrudan iletebilirsiniz. Hedef, tıkladığınız öğedir.

HTML:

<ul id="demo"> 
    <li v-on="click: onClick">Trigger a handler</li> 
    <li v-on="click: n++">Trigger an expression</li> 
</ul> 

JS: En elemanı ile

var vue = new Vue({ 
    el: '#demo', 
    data: {}, 
    methods: { 
    onClick: function (e) { 
     var clickedElement = e.target; 
    } 
    } 
}) 

istediğini yapabilirsin. jQuery kullanmak Örneğin :

$(clickedElement).siblings().removeClass('active'); 
$(clickedElement).addClass('active');