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
2020/11/27 00:28- vue.js
- 点赞
- 收藏
- 回答