Vue` $ refs`问题

Question

我在这段代码中遇到了一个问题

<div class="building" id="building">
  <elevator v-bind:floors="floors" v-bind:queue="queue"></elevator>
  <building-inner v-bind:floors="floors" v-bind:queue="queue"></building-inner>
</div>

$refs

我试图访问undefined内的道具获取Error 404.0 - Not Found，为什么？

Answer 1

你应该使用挂钩来访问refs，因为“created”事件只是实例创建而不是dom。 https://vuejs.org/v2/guide/instance.html

您应该首先考虑使用计算机属性并使用样式绑定而不是使用ref。

<div :style="calculatedStyle" > ... </div>

computed: {
  calculatedStyle (){
    top: someCalculation(this.someProp),
    left: someCalculation2(this.someProp2),
    ....
  }
}

将ref传递给另一个组件是不好的做法，特别是如果它不是父子关系。