Aframe a-sky旋轉不更新

Question

我需要你幫忙！ 我已將AFrame集成到我的Vue js項目中，並且在此特定情況下需要來自a-sky元素的旋轉數據。當我在瀏覽器中移動a-sky時，即使我在aframe檢查器中檢查它，輪轉數據也不會更新。

<a-scene embedded> 
<a-entity camera look-controls="reverseMouseDrag: true" position="0 1 3" ></a-entity> 
<a-text font="roboto" width="30" align="center" color="#ccc" opacity="1" value="North" position="0 -3 -4"></a-text> 
<a-text font="roboto" width="30" align="center" color="#ccc" opacity="1" value="South" position="0 -3 10" rotation="0 -180 0"></a-text> 
<a-text font="roboto" width="30" align="center" color="#ccc" opacity="1" value="East" position="8 -3 3" rotation="0 -90 0"></a-text> 
<a-text font="roboto" width="30" align="center" color="#ccc" opacity="1" value="West" position="-7 -3 3" rotation="0 -270 0"></a-text> 
<a-sky id="sky" :src="getPanoImage" rotation="0 -130 0" :phi-start="getPhi"></a-sky> 

我有我的（）創建掛鉤設立聽的變化，但由於沒有改變，聽者不火。

created() { 
document.querySelector('#sky').addEventListener('componentchanged', function (evt) { 
    if (evt.detail.name === 'rotation') { 
    console.log('Camera rotation went from', evt.detail.oldData, 'to', evt.detail.newData); 
    } 
}); 

}，

任何建議都理解的。

Answer 1

你不移動天空，你移動相機。