Javascript 如何在拖放回调时更新元素文本？

我正在尝试为个人项目制作一个简单的日志查看器

基本上，我有一个如下所示的日志文件：

D16,2020-10-11T17:13:00.507897,2020-10-11T17:13:00.701859,0:00:00.193976
D17,2020-10-11T17:13:00.507897,2020-10-11T17:13:00.701859,0:00:00.193976
D18,2020-10-11T17:13:00.507897,2020-10-11T17:13:00.701859,0:00:00.193976
D19,2020-10-11T17:13:00.507897,2020-10-11T17:13:00.701859,0:00:00.193976
D20,2020-10-11T17:13:00.507897,2020-10-11T17:13:00.701859,0:00:00.193976
D21,2020-10-11T17:13:00.507897,2020-10-11T17:13:00.701859,0:00:00.193976
D22,2020-10-11T17:13:00.507897,2020-10-11T17:13:00.701859,0:00:00.193976
D23,2020-10-11T17:13:00.507897,2020-10-11T17:13:00.701859,0:00:00.193976
D24,2020-10-11T17:13:00.507897,2020-10-11T17:13:00.701859,0:00:00.193976

{
  D15: [array of information],
  D16: [array of information],
  D17: [array of information],
}

首先是ID，比如D16、D17

因此，当加载日志文件时，它会创建一个如下所示的对象：

D16,2020-10-11T17:13:00.507897,2020-10-11T17:13:00.701859,0:00:00.193976
D17,2020-10-11T17:13:00.507897,2020-10-11T17:13:00.701859,0:00:00.193976
D18,2020-10-11T17:13:00.507897,2020-10-11T17:13:00.701859,0:00:00.193976
D19,2020-10-11T17:13:00.507897,2020-10-11T17:13:00.701859,0:00:00.193976
D20,2020-10-11T17:13:00.507897,2020-10-11T17:13:00.701859,0:00:00.193976
D21,2020-10-11T17:13:00.507897,2020-10-11T17:13:00.701859,0:00:00.193976
D22,2020-10-11T17:13:00.507897,2020-10-11T17:13:00.701859,0:00:00.193976
D23,2020-10-11T17:13:00.507897,2020-10-11T17:13:00.701859,0:00:00.193976
D24,2020-10-11T17:13:00.507897,2020-10-11T17:13:00.701859,0:00:00.193976

{
  D15: [array of information],
  D16: [array of information],
  D17: [array of information],
}

在UI中，您可以看到：

ID是可拖动的，可以拖动到如下所示的容器中：

D16,2020-10-11T17:13:00.507897,2020-10-11T17:13:00.701859,0:00:00.193976
D17,2020-10-11T17:13:00.507897,2020-10-11T17:13:00.701859,0:00:00.193976
D18,2020-10-11T17:13:00.507897,2020-10-11T17:13:00.701859,0:00:00.193976
D19,2020-10-11T17:13:00.507897,2020-10-11T17:13:00.701859,0:00:00.193976
D20,2020-10-11T17:13:00.507897,2020-10-11T17:13:00.701859,0:00:00.193976
D21,2020-10-11T17:13:00.507897,2020-10-11T17:13:00.701859,0:00:00.193976
D22,2020-10-11T17:13:00.507897,2020-10-11T17:13:00.701859,0:00:00.193976
D23,2020-10-11T17:13:00.507897,2020-10-11T17:13:00.701859,0:00:00.193976
D24,2020-10-11T17:13:00.507897,2020-10-11T17:13:00.701859,0:00:00.193976

{
  D15: [array of information],
  D16: [array of information],
  D17: [array of information],
}

在释放id时，它应该显示我先前创建的对象的信息

我现在要做的是，在发布时，我可以获得ID以及它被丢弃在哪个元素上

我不知道如何将信息添加到此元素。

我的职能：

---

StartDrag： 翁德罗普：

---

在拖放时，只需像这样访问日志对象

logObject[ID]

，它将为您提供该键（ID）的值，然后您可以简单地打印。是的，但我需要在容器中显示

logObject[ID]

中的信息。那么实际的问题是什么？如何在DOM节点中放置文本？您说您正在使用VUE，难道您不知道如何使用vuejs数据在模板中动态加载内容吗？在vuejs组件中，只需创建一个状态，其中行索引包含哪个id，然后在实际呈现列表时，您就知道如何将每行的内容（按索引）与哪些数据（按id/键）匹配，