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...关于节点方面的，之后继续更到这里。