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

Question

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

Answer 1

ustbhuangyi 2017-09-05 22:53:17

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

• 提问者 mylovef #1

  非常感谢！

• qq_修炼者_0 #2

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