聚合物 - cloneNode 包括 __data

Question

我正在使用库 dragula 来做一些拖放操作。

Dragula 在内部使用cloneNode(true) 创建被拖动元素的副本，该副本将附加到主体以在拖动时显示预览图像。

不幸的是，如果拖动聚合物元素，绑定的数据不会被克隆。结果，被拖动元素的内容（例如<div>[[someString]]</div>）为空。

有解决办法吗？

我实际上不需要为我的元素绑定数据，它只是一个“只读”元素，显示一些初始化后不会更改的数据。有没有办法以某种方式将字符串“解析”为 html 而不再被绑定？

已经谢谢你了！

Answer 1

自己找到了解决方案。您必须覆盖聚合物类中的cloneNode 方法：

cloneNode(deep) {
  let cloned = super.cloneNode(deep);
  for (let prop in MyClass.properties) {
    cloned[prop] = this[prop];
  }
  return cloned;
}