better-scroll插件:组件中异步请求数据,请求n次,会获得n组滚动的{x,y}

input中通过调用keyup.enter事件请求数据,但是每次重新请求后的位置,都是上一次数据请求后滑动停留的位置,只有在滑动后才会回到顶部
`现在是在每次请求数据的时候,先把这个数组设置为空值,才可以在每一次的请求时回到顶部,但是每请求一次数据,都会多加一组的滚动{x,y}
`<template>


      <input type="text" class="keyword" v-model="listitem" @keyup.enter="search()">
          <div class="wrapper" ref="wrapper">
            <div class="content">
            <div class="list" v-for="(item,index) in musicList" :key="index" ref="list">
              {{item.name}}
            </div>
            </div>
          </div>
</template>
<script>
 methods:{
    search(){
      this.musicList = []; //设置为空值,
      getList(this.listitem).then(res => {
        console.log(res);
        this.musicList=res.data.result.songs;
        setTimeout(() => {
          if (this.$refs.wrapper) {
            this.scroll = new Scroll(this.$refs.wrapper, {
              probeType: 2
            });
            this.scroll.on('scroll',(position) => {
              console.log(position)});
            console.log(this.scroll);
          }
        },20);
      }).catch(err => {
        console.log(err);
      })
    }
</script>`

查看全部
abcyoui
abcyoui
2020/11/27 00:28
  • vue.js
  • 点赞
  • 收藏
  • 回答
    私信

1个回复