$el的问题

Question

在使用ref引用dom元素 的时候，比引用那个图片，代码是这样的

 this.imageHeight = this.$refs.bgImage.clientHeight

直接在ref的名称后加要get的属性就行了，

但引用那个scroll组件的ref="list"的时候是这样的

    this.$refs.list.$el.style.top = `${this.imageHeight}px`

多了个$el。

请问这个$el是为啥呢？是因为这个list引用的dom是一整个子组件，所以要有$el才能指向这个子组件的dom元素吗？

Answer 1

ustbhuangyi 2019-07-14 13:24:37

主要取决于你的 $ref.xxx 是一个普通的 DOM 还是一个组件实例，如果是一个组件实例，那么 vm.$el 就是这个组件渲染的 DOM

• 提问者 易小鸭 #1

  非常感谢！