老师你好，想问一下this.$refs.list.$el.style.top

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

mylovef

2017-09-05

this.refs.list应该就能拿到dom了吧？所以后面为什么还要加上$el呢？我看别的地方的代码，scroll上的ref都通过了this.refs直接取到了dom，官网上说$el是Vue 实例使用的根 DOM 元素，这个应该怎么理解呢？谢谢老师！

写回答

1回答

ustbhuangyi

2017-09-05

已采纳

对于 Vue 组件，this.$refs.xxx 拿到的是 Vue 实例，所以需要再通过 $el 拿到真实的 dom

qq_修炼者_0

但是老师，你设置位移的时候怎么没有用$el啊，直接this.$refs.bgImage.style.['trasnform']就可以拿到dom并设置样式了啊？一个在mounted设置this.$refs.list.$el.style.top 一个在watch里进行数据监测 this.$refs.bgImage.style['transform'] 为什么这两种方式都可以获取到dom元素

2018-06-10

共2条回复

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

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

5432 学习 · 3804 问题

查看课程

相似问题

singer-detail 中的scroll top：252px怎么来的

回答 1

this.$refs.list.$el.style.top

回答 1

playlist 的歌曲滚动问题

回答 1

老师请教你个问题，百度地图！

回答 2

老师好，想请问一下关于Cannot read property 'protocol' of undefined这个问题

回答 2

打开慕课网App查看更多内容