javascript - 无法识别由数组动态生成的 div 内调用的事件或方法
问题描述
它根据数组生成“n”个 div。您在按钮内添加的任何事件或功能都不起作用。
将其从渲染中处理出来,但也不要接受该事件。:
this.fundsData.map(function (g, index, array) {
document.getElementById(g.idFund).addEventListener("click", this._getFundSelected(g.idFund));
console.log("AddEvent " + g.idFund);
})
代码:
${this.fundsData.map(function (g, index, array) {
if (g.nameRisk == "Conservador") {
return html`
<div class="panel-risk">
<div class="risk-header">
<div>
<list-header heading="${g.nameFund}" ></list-header>
<div class="risk-type">${g.nameRisk}</div>
</div>
<button-icon id="${g.idFund}" type="submit"
@click="${(e) => {
e.preventDefault();
console.log("event");
this.dispatchEvent(new CustomEvent('cfon-riskprofile-selected', { bubbles: true, composed: true, detail: { fundId: g.idFund } }));
//this.idFundSelected = g.idFund;
}}"
icon="${Continueright()}" variant="no-background">
</button-icon>
</div>
<div class="risk-body">
<panel-risk risk="${g.lvlRisk}" max-risk="8" max-in-view="8" label-index="1"
label="Riesgo: ${g.nameLvlRisk}" risk-text="">
</panel-risk>
</div>
<div class="risk-body-description">
Invierte desde <strong>$${g.minMoney}</strong> </br>
Rentabilidad ${g.nameRent} de <strong>${g.rentability} E.A</strong>
</div>
</div>`;
}
})}
解决方案
推荐阅读
- build - 如何将变量用于选项 (DropDown) 参数?
- ios - UIImagePicker 控制器即使使用 plist 条目也不会请求权限
- laravel - 我认为我的代码有问题?
- java - ElasticSearch java列出字段的唯一值
- php - 如何在指定时间自动清空表
- java - 使用正则表达式替换可以在字符串中更改的参数
- excel - 比较 VLOOKUP 中的 2 列后替换值
- postman - 调用 managedDevices 在 POSTMAN 中返回错误,但在 PowerShell 中有效
- javascript - 通过输入更改(keyup)更改 jquery 滑块位置
- python - 这是 Python 中某种类型的装饰器吗?