scrollview 下拉刷新无法触发
4 个回答
请 登录 后发表内容
相关问题
相关文档
- wx.startPullDownRefresh: 小程序/开发/API/界面/下拉刷新/wx.startPullDownRefresh
- wx.startPullDownRefresh#功能描述: 小程序/开发/API/界面/下拉刷新/wx.startPullDownRefresh
- wx.startPullDownRefresh#参数: 小程序/开发/API/界面/下拉刷新/wx.startPullDownRefresh
- wx.startPullDownRefresh#示例代码: 小程序/开发/API/界面/下拉刷新/wx.startPullDownRefresh
- wx.stopPullDownRefresh: 小程序/开发/API/界面/下拉刷新/wx.stopPullDownRefresh
目前只有这个型号的手机 无法触发。
测试案例
<!--index.wxml-->
<view class="container">
<scroll-view class="main" scroll-x="false" bindrefresherrefresh="getListData" scroll-y="true" refresher-default-style='black' refresher-enabled="true" refresher-triggered="{{triggered}}" bindscrolltolower="getMlistData">
<view class="list_item" wx:for="{{list}}" wx:for-item="item" wx:for-index="index" wx:key="*this">
{{item.id}}</view>
</scroll-view>
</view>
//index.js
//获取应用实例
const app = getApp()
Page({
data: {
list: [],
triggered: true
},
onLoad(){
this.getListData()
},
getListData() {
const that = this
console.log('reload')
let newList = []
for(var i=0;i< 40;i++){
newList.push({
id: i
})
}
this.setData({
list: newList
})
setTimeout(function(){
that.setData({
triggered: false
})
},3000)
},
// 获取更多
getMlistData(scroll) {
const that = this
console.log(that.data.list.length)
let newList = []
for (var i = that.data.list.length - 1; i < that.data.list.length +10; i++) {
newList.push({
id: i
})
}
that.setData({
list: that.data.list.concat(newList)
})
}
})
/**index.wxss**/
.container {
width: 100%;
height: 100%;
}
.main {
width: calc(100% - 22rpx);
height: 600rpx;
padding: 25rpx 11rpx;
}
.list_item{
height: 50rpx;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
refresher-enabled开启了吗？
bindrefresherrefresh写刷新代码了吗？
微信版本符合要求吗？基础库版本符合2.10.1以上要求吗？
建议楼主按照官方demo试试看：
https://developers.weixin.qq.com/s/hGFhMum67de0
如果只有这一款手机不触发下拉刷新的话那应该是BUG