手动重新渲染/重新加载框架

Question

我有一个嵌入div容器的场景，如下所示：

<div style="display:none">
    <a-scene embedded>
      <a-sky src="img/vr/act1.jpg" rotation="0 -130 0"></a-sky>
    </a-scene>
</div>

在css中：

 a-scene { display: block; width: 500px !important; height: 500px !important; }

但问题是，因为div在开始时被隐藏，当我取消隐藏时，a-scene的内容宽度和高度为0,0。我试图在div容器取消隐藏时重新加载与点击事件绑定的框架。

我查看了文档，并且有reload方法，我试过这个但是它不起作用：

document.querySelector('a-scene').reload();

我在控制台中收到以下错误：

Uncaught TypeError: document.querySelector(...).reload is not a function
at <anonymous>:1:35

奇怪的是，enterVR，它也作为文档中的方法列出，使用相同的语法。所以，如果我要连续enterVR和exitVR，那么a-frame实际上会显示为我想要的

所以我不确定我做错了什么。

使用-frame 0.7

Answer 1

这对我有用：

location.reload(true);
scene.enterVR();