vue $refs獲取dom元素

1.今天作vue項目有個獲取dom節點，主要目的是獲取節點讓滾動到頂部

首先在滑動容器去添加ref

1 <div class="contentScroll" ref="scrollRef"></div>

而後根據個人需求是：切換tab而後讓對應tab下的內容滾動到頂部

1 this.$refs.scrollRef[0].scrollTop = 0;

以上就能實現需求。

若是想監聽滾動容器的scrollTop也能夠打印出來看看

1.首先在mouted裏面去監聽對應的滑動容器

1 this.box = this.$refs.scrollRef[0];
2 this.box.addEventListener('scroll',this.scrollToTop);

2.在methods裏面去寫對應的操做

1 scrollToTop(){
2         var scrollTop = this.$refs.scrollRef[0].scrollTop;
3         console.log(scrollTop)
4  },

over...關於節點方面的，之後繼續更到這裏。