模板文字內的事件回調

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 中。