光标保险丝在框架中不起作用

Question

我正在尝试仅为VR模式显示光标。问题是我无法更改光标颜色，光标也没有融合。

这是我尝试的代码。

示例代码：

JS

  AFRAME.registerComponent('bar', {
init: function() {
  let cursor = document.createElement('a-cursor');
  let el = this.el;
  this.el.sceneEl.addEventListener('enter-vr', function() {
   // alert("entered");
    el.appendChild(cursor);



  })
  this.el.sceneEl.addEventListener('exit-vr', function() {
    el.removeChild(cursor);
  })
}})

HTML

<a-entity cursor="fuse: true; fuseTimeout: 500"
        position="0 0 -1"
        geometry="primitive: ring; radiusInner: 0.02; radiusOuter: 0.03"
        material="color: black; shader: flat"
        visible="true">


<a-camera look-controls="reverseMouseDrag: true" gyro-enabled="false"  user-height="1.6" rotation="0 90 0" position="0 -1 0" mouse-cursor compass bar>