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