vue $refs獲取dom元素

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

首先在滑動容器去添加ref

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

然后根據我的需求是：切換tab然后讓對應tab下的內容滾動到頂部

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

以上就能實現需求。

如果想監聽滾動容器的scrollTop也可以打印出來看看

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

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

2.在methods里面去寫對應的操作

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

over...關於節點方面的，以后繼續更到這里。