组件文件:
<aura:iteration items="{!v.maintain}" var="varr" indexVar="index">
<div class="dismissibleCardsContent col-sm-12 col-md-12 p-t-10">
<h3>
<c:svgIcon class="{!'slds-icon--medium slds-icon-text-default'+index}" svgPath="{!$Resource.SLDS214 +'/assets/icons/utility-sprite/svg/symbols.svg#'+varr.icontop}" />
<span>{!varr.title}</span>
<button id="{!index}" onclick="{!c.onClick}" >
<c:svgIcon class="slds-icon--medium iconclose" svgPath="{!$Resource.SLDS214 +'/assets/icons/utility-sprite/svg/symbols.svg#close'}" />
</button>
</h3>
</aura:iteration>
控制器文件:
在控制器中,如果启用了更衣室服务,则无法读取srcElement
,因为它显示未定义。如果我关闭了更衣室服务,那么它可以正常工作。
onClick: function(component, event, helper) {
var buttonid;
if(event.srcElement.tagName == 'svg'){
var srcEl = event.srcElement;
var parent1 = srcEl.parentNode;
var parent2 = parent1.parentNode;
buttonid = parent2.id;
}
}