模板文字内的事件回调

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或类似的东西append其添加到 DOM 中。