javascript - 模板文字内的事件回调

Question

大家好，我是 javascript 新手，我正在尝试使用模板文字对用户的点击事件执行回调函数。然而，回调是在模板的评估上执行的。

row 方法由另一个类调用，该类传递项目和回调函数。

class Clazz {
  row(item, deleteCallback){
      return `<a href="#" onClick="${deleteCallback(item.requestId)}"></a>`
  }
}

谁能帮我吗？

Answer 1

我认为实现您想要实现的目标的更好方法是从 row 返回一个元素而不是 HTML 字符串。就像这样:

class Clazz {
  row(item, deleteCallback){
    const a  = document.createElement('a');
    a.href = '#';
    a.onclick = () => deleteCallback(item.requestId);
    return a;
  }
}

然后可以使用 append、after 或类似的东西将其添加到 DOM。