$el的问题

来源：6-9 music-list 组件开发（2）

易小鸭

2019-07-14

在使用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元素吗？

写回答

1回答

ustbhuangyi

2019-07-14

已采纳

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

易小鸭

非常感谢！

2019-07-14

共1条回复

Vue2.0高级应用教学实战，开发企业级移动端音乐Web App

Vue.js高级知识应用大集合，实战企业级APP，教你搞定组件化开发。

5432 学习 · 3804 问题

相似问题

回答 2

回答 1

回答 1

$el问题

回答 1

回答 2