小编Tus*_*ora的帖子

我试图将当前组件的ref传递给子组件，如下所示：

<template>
    <div class="screen" ref="screen">
        <child-component :screenRef="screenRef">
        </child-component>
    </div>
</template>


<script>
    const Parent = {
        name: 'parent',
        data: {
            screenRef: {}
        },
        mounted() {
            this.screenRef = this.$refs['screen']
        }
    }
</script>

由于Vue.js类型不支持HTMLDivElement，当我定义screenRef为道具时，我在子组件中遇到了错误。

const ChildComponent = {
  name: 'child',
  props: {
    screen: {
      type: HTMLDivElement,
      default: {}
    }
  }
}

有人可以告诉正确的方法吗？

我正在努力为盒子原语创建一个线框.尝试过颜色,不透明度和透明属性但似乎没有效果.这是代码 -

<a-entity geometry="primitive: box; width: 1; height: 1; depth: 1" position="0 1 0" material="color: #0000FF; opacity: 0.5;" rotation="0 0 120"></a-entity>

需要渲染这样的东西 -

当用户在触摸设备上执行操作时，我使用 Hammer.js 重置计时器。这对于点击、按下和水平滑动效果很好，但我怎样才能让它识别垂直滑动呢？

$(function () { 
    var page = document.getElementById("parent"); 

    Hammer(page).on("swipe", function () { 
        idleTime = 0; 
    }); 

    Hammer(page).on("tap", function () { 
        idleTime = 0; 
    }); 

    Hammer(page).on("press", function () { 
       idleTime = 0; 
    }); 

})