来回切换路由后,监听scroll事件失效,下拉拉不动,pos.y一直是0

来源:2-2 Vue-cli脚手架安装

慕粉15201527929

2020-05-15

组件:
<scroll ref=“scroll"
class=“scrollCont”
:options=“options”
:data=“list”
@pulling-down=“onPullingDown”
@pulling-up=“onPullingUp”
:scroll-events=”[‘scroll’]"
@scroll=“onScrollHandle”
>

方法:
onScrollHandle (pos) {
this.pullDownY = pos.y
console.log(pos.y)
if (pos.y >=0) {
this.pullDownStyle = top:${pos.y}px
}

  },

打印出来的pos.y一直是0,下拉刷新拉不动,问题出现在来回切换路由后

写回答

1回答

慕粉15201527929

提问者

2020-05-15

找到了一个方法,感觉不太好,暂时先以解决问题为主吧:

activated(){
 this.$refs.scroll.refresh()
},

直接加上了这个

0
3
慕粉15201527929
有时候来回切换几次,就出现拉不动的状况,有时候切换一次就拉不动
2020-05-15
共3条回复

Vue2.0高级应用教学实战,开发企业级移动端音乐Web App

Vue.js高级知识应用大集合,实战企业级APP,教你搞定组件化开发。

5432 学习 · 3804 问题

查看课程