必须双击以在Aura Components中被选中

Question

感谢帮助

我已经阅读了一些文档，但是没有找到解决问题的方法

问题

当我单击链接时，我希望为其选择一个变量，然后创建一个变量并将其值从Tag属性名称设置为JS Controller

获取值后，将属性值设置为名称

我正在根据Aura Js Controller中设置的变量值将类别分配给标签

但是我必须双击以选择元素

属性

<li  class="{!v.active == 'Exterior'? 'slds-nav-vertical__item slds-nav-vertical__action hover': 'slds-nav-vertical__item slds-nav-vertical__action'}" name="Exterior" onclick="{!c.getFilterCategories}">
        Exterior
</li>

<li  class="{!v.active == 'MEP'? 'slds-nav-vertical__item slds-nav-vertical__action hover': 'slds-nav-vertical__item slds-nav-vertical__action'}" name="MEP" onclick="{!c.getFilterCategories}">
       MEP
</li>

<li class="{!v.active == 'Paint'? 'slds-nav-vertical__item slds-nav-vertical__action hover': 'slds-nav-vertical__item slds-nav-vertical__action'}"  name="Paint" onclick="{!c.getFilterCategories}">
     Paint
</li>

<li  class="{!v.active == 'Flooring'? 'slds-nav-vertical__item slds-nav-vertical__action hover': 'slds-nav-vertical__item slds-nav-vertical__action'}"  name="Flooring" onclick="{!c.getFilterCategories}">
    Flooring
</li>

<li class="{!v.active == 'Misc'? 'slds-nav-vertical__item slds-nav-vertical__action hover': 'slds-nav-vertical__item slds-nav-vertical__action'}"  name="Misc" onclick="{!c.getFilterCategories}">
    Misc
</li>

检查代码

getFilterCategories : function(component, event, helper){

   var title =  event.currentTarget.name;
   console.log(' event.currentTarget.name-------'+ event.currentTarget.name);
   component.set('v.active', event.currentTarget.name); 
   console.log(component.get('v.active'));
}

AURA JS控制器

ConnectionStrings:AzureDbConnectionString

第一次点击和第二次点击