小程序
小游戏
企业微信
微信支付
扫描小程序码分享
Component构造器 怎样使用 onReachBottom 方法 ~
或者构造器 怎样实现 底部上拉加载数据的 操作呢
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
页面里onReachBotton之后，调用组件的方法。。
调用组件的方法有很多种
1、page里selectComponent可以拿到组件实例，然后可以直接调用组件方法
2、可以在组件的 properties的属性里加 observer方法，然后执行组件里的方法
3、组件里可以getCurrentPage，将方法或者监听加入page的属性里，然后page调用
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
const
app = getApp();
Component({
options: {
addGlobalClass:
true
,
},
data: {
iconList: [{
icon:
'cartfill'
color:
'orange'
badge:
0
name:
'已下单'
{
'sponsorfill'
'brown'
'已付款'
'deliver_fill'
'yellow'
'已发货'
}, {
'goodsfill'
'olive'
'已完成'
}
],
isBg:
//点击切换背景颜色
userInfo:
''
orderList: [],
//请求的订单列表
page:
1
//分页的页码
isLoad:
false
//加载的完成标志
orderStatus:
10
//默认 已下单的数据 20 已付款 30 已发货 40 已完成
isVip:
//是否会员
attached() {
let userInfo = wx.getStorageSync(
'userInfo'
);
let that =
this
;
that.setData({
userInfo:userInfo,
loadModal:
})
methods: {
//实现加载分页的效果
onReachBottom:
function
() {
var
that =
//开始加载显示
//页码+1
page: that.data.page +
wx.request({
url: app.globalData.url +
'/admin/api/v1/xcxx/order/list.php'
header: {
'content-type'
:
'application/x-www-form-urlencoded'
// 默认值
token: wx.getStorageSync(
'token'
),
userId: wx.getStorageSync(
).user_id,
orderStatus: that.data.orderStatus,
limit:
5
page: that.data.page
method:
"POST"
success:
(res) {
if
(
Object
.keys(res.data.data).length >
) {
//加载的数据 不为空
orderList: that.data.orderList.concat(res.data.data.data)
else
wx.showToast({
'none'
title:
'到底啦~'
// 大佬麻烦动一下代码 试了几个 没实现 哈哈哈哈 ~~
直接用即可,引入的时候会对应那个页面的onReachBottom 方法
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
页面里onReachBotton之后，调用组件的方法。。
调用组件的方法有很多种
1、page里selectComponent可以拿到组件实例，然后可以直接调用组件方法
2、可以在组件的 properties的属性里加 observer方法，然后执行组件里的方法
3、组件里可以getCurrentPage，将方法或者监听加入page的属性里，然后page调用
constapp = getApp();Component({options: {addGlobalClass:true,},data: {iconList: [{icon:'cartfill',color:'orange',badge:0,name:'已下单'},{icon:'sponsorfill',color:'brown',badge:0,name:'已付款'},{icon:'deliver_fill',color:'yellow',badge:0,name:'已发货'}, {icon:'goodsfill',color:'olive',badge:0,name:'已完成'}],isBg:0,//点击切换背景颜色userInfo:'',orderList: [],//请求的订单列表page:1,//分页的页码isLoad:false,//加载的完成标志orderStatus:10,//默认 已下单的数据 20 已付款 30 已发货 40 已完成isVip:0//是否会员},attached() {let userInfo = wx.getStorageSync('userInfo');let that =this;that.setData({userInfo:userInfo,loadModal:true})},methods: {//实现加载分页的效果onReachBottom:function() {varthat =this;that.setData({//开始加载显示isLoad:true})that.setData({//页码+1page: that.data.page +1})wx.request({url: app.globalData.url +'/admin/api/v1/xcxx/order/list.php',header: {'content-type':'application/x-www-form-urlencoded'// 默认值},data: {token: wx.getStorageSync('token'),userId: wx.getStorageSync('userInfo').user_id,orderStatus: that.data.orderStatus,limit:5,page: that.data.page},method:"POST",success:function(res) {if(Object.keys(res.data.data).length >0) {//加载的数据 不为空that.setData({orderList: that.data.orderList.concat(res.data.data.data)})}else{wx.showToast({icon:'none',title:'到底啦~'})that.setData({isLoad:false})}}})}})// 大佬麻烦动一下代码 试了几个 没实现 哈哈哈哈 ~~直接用即可,引入的时候会对应那个页面的onReachBottom 方法
constapp = getApp();Component({options: {addGlobalClass:true,},data: {iconList: [{icon:'cartfill',color:'orange',badge:0,name:'已下单'},{icon:'sponsorfill',color:'brown',badge:0,name:'已付款'},{icon:'deliver_fill',color:'yellow',badge:0,name:'已发货'}, {icon:'goodsfill',color:'olive',badge:0,name:'已完成'}],isBg:0,//点击切换背景颜色userInfo:'',orderList: [],//请求的订单列表page:1,//分页的页码isLoad:false,//加载的完成标志orderStatus:10,//默认 已下单的数据 20 已付款 30 已发货 40 已完成isVip:0//是否会员},attached() {let userInfo = wx.getStorageSync('userInfo');let that =this;that.setData({userInfo:userInfo,loadModal:true})},methods: {//实现加载分页的效果onReachBottom:function() {varthat =this;that.setData({//开始加载显示isLoad:true})that.setData({//页码+1page: that.data.page +1})wx.request({url: app.globalData.url +'/admin/api/v1/xcxx/order/list.php',header: {'content-type':'application/x-www-form-urlencoded'// 默认值},data: {token: wx.getStorageSync('token'),userId: wx.getStorageSync('userInfo').user_id,orderStatus: that.data.orderStatus,limit:5,page: that.data.page},method:"POST",success:function(res) {if(Object.keys(res.data.data).length >0) {//加载的数据 不为空that.setData({orderList: that.data.orderList.concat(res.data.data.data)})}else{wx.showToast({icon:'none',title:'到底啦~'})that.setData({isLoad:false})}}})}})// 大佬麻烦动一下代码 试了几个 没实现 哈哈哈哈 ~~