Vue项目中scrollTop一直为0该如何解决

项目要求：点击返回顶部页面回到最顶部

1. 用$refs方法获取页面实例(app.vue)

将获取到的el(app页面实例)存储进store中

<div id="app" ref="app">
    <router-view/>
</div>

mounted() {
      let el = this.$refs.app
      this.$store.state.el = el
      // console.log(this.$store.state)
    }

2.监听页面滚动事件并将获取到的页面实例赋值给el

<div class="home flexColumn" ref="homeIndex" @scroll="handleScroll">
</div>

handleScroll(val){
    this.$store.state.el = val
}

3.最后点击返回顶部时将el页面的scrollTop属性设为0

// 返回页面顶部
backToTop(){
    this.$store.state.el.target.scrollTop = 0
}