用.flushToDom导出场景数据，“事件属性”数据问题

Question

我正在编写脚本将场景数据发送到服务器。为了避免属性解析，我使用

.flushToDom()

这里有一个问题。他分析了一些属性的数据，比如字符串" object“

。

​

好的。我有存放现场的地方。我试图手动更改事件数据：

 document.querySelector('a-scene').flushToDOM(true);
 var cursor = scene.getElementsByTagName('a-cursor')[0];

 //console: [object Object]
 console.log(cursor.getAttribute('event-set__1'));
 cursor.setAttribute('event-set__1','_event: mouseenter; color: springgreen');

 //console: undefined    
 console.log(cursor.getAttribute('event-set__1'));
 cursor.setAttribute('event-set__2','_event: mouseleave; color: black');

但是，这没什么用。那么，如果没有她的激活，我如何设置事件的数据呢？

在Piotr Adam Milewski评论之后更新

为了保存属性数据，我们需要在.flushToDom()之前克隆节点，然后修改属性。

var cursor = document.getElementsByTagName('a-cursor')[0];
var cursorClone = cursor.cloneNode(true);
var cursorParent = cursor.parentNode;

document.querySelector('a-scene').flushToDOM(true);

cursorClone.setAttribute("event-set__1", {"_event": "mouseenter", "material.color": "springgreen"});
cursorClone.setAttribute("event-set__2", {"_event": "mouseleave", "material.color": "black"});

cursorParent.removeChild(cursor);
cursorParent.appendChild(cursorClone);

Answer 1

而不是

cursor.setAttribute('event-set__2','_event: mouseleave; color: black');

试一试

this.el.setAttribute("event-set__2", {
    "_event": "mouseenter",
    "material.color": "red"
})

应该是工作中