一個框架。 單擊另一個實體時如何使實體出現

Question

我在 A-FRAME（0.9.2）中有 2 個框，我想讓第二個框（紅色）在單擊第一個框（綠色）時出現。 一開始，紅色框是不可見的，但我希望它在單擊綠色框時出現和消失。

AFRAME.registerComponent('cajaverde', {
      init: function() {
        this.el.addEventListener("click", (e) => {
          let aparecer = document.querySelector("#cajaroja")
          aparecer.setAttribute("visible", !aparecer.getAttribute("visible"))
        })
      }
    })

這是我的盒子：

      <a-box caja id="cajaroja" color="#b51628" depth=".1" height="1" width="0.9" position="1 2.6 -2" visible="false"></a-box>
      <a-box caja id="cajaverde" color="#44cf67" depth=".1" height="1" width="0.9" position="-0.5 2.6 -2"></a-box>

當我單擊綠色框時，沒有任何反應。

我這里也有代碼

Answer 1

如果您的組件名為cajaverde ，那么您需要使用它的全名。

代替

<a-box caja ... 

應該有

<a-box cajaverde ...

並且僅在應該是按鈕的那個上。

---

在這里工作故障。