vue 项目点击筛选，回到顶部

最近有一个项目，数据比较多，有根据id来筛选的功能，此时发现当我筛选之后，数据还是显示在上一次观看的地方，这就不太合理了，我这里各种百度，一长串很多东西，看了很久，来这里分享一下

1.在vue 的文件里面，就是滚动的最外层div那里设置一个ref="abc"（随便起名字）,这里的div只是包裹滚动的组件或者显示的div，不要包裹点击筛选按钮那里，上代码

// 这个是点击筛选的地方
<div v-for="(item,index) in categoryList" :key="index" @click="handlleToggle(item.id)" :class="['gafa_school',currentId===item.id?'gafa_click':'']" id="target" >
              <div class="itemnameEN"><span class="span_cn">{{item.name}}</span><br/><span class="span_en">{{item.nameEN}}</span></div>
   </div>

<div class="PcMenu_right" ref="PcMenu_right"  style="overflow:auto">
          <div class="center">
     // 内容
          </div>
  </div>

2.再来就是方法里面的代码（其实就只要一句代码而已，百度上的很多东西，感觉。。。）

  // 点击筛选
    handlleToggle () {
  // 就只要这一句
      this.$refs.PcMenu_right.scrollTop = 0
    },