Vuejs2 动态html元素上的Vue绑定函数

我使用的是datatable，必须添加基于少量检查的呈现不同的html，这就是为什么vue代码有很多jQuery事件。我想知道有没有办法在动态html元素上分配事件

内部数据表列对象

render:function(data, type, full, meta) {
    let html = '<div class="catagory-checkbox">'
        + '<label>'
        + '<input id="' + data.LeadTrackingId + '" class="statusDetail" type="checkbox" />'
        + '<span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span>'
        + '</label>'
        + '</div>';
    if(vm.isSuperAdmin)
        return html;

    return "";
}

---

请不要这样做。您正在使用字符串方法构建html。不是这样的，也没有必要-

上面的代码应该像

template : `
<div  v-if"isSuperAdmin" class="catagory-checkbox">'
   <label>
      <input :id="LeadTrackingId" class="statusDetail" type="checkbox" />'
      <span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span>
   </label>
</div>
`

---

你可以这样绑定id，但你需要吗？好的Vue代码在html元素上不需要ID。

您能提供一个使用上述场景的基本示例吗？