襄阳的网站建设公司,百度账号安全中心官网,中国航发网上商城官网,旅游网站结构图UNI-APP开发中遇到的坑 一、页面无法回退二、列表页面下拉刷新不显示数据 一、页面无法回退
在页面中我们一般会在顶部左侧放置一个返回按钮#xff0c;用户点击返回按钮则关闭当前页面#xff0c;返回上一层页面。 uni-nav-bar left-iconback title添… UNI-APP开发中遇到的坑 一、页面无法回退二、列表页面下拉刷新不显示数据 一、页面无法回退
在页面中我们一般会在顶部左侧放置一个返回按钮用户点击返回按钮则关闭当前页面返回上一层页面。 uni-nav-bar left-iconback title添加设备 color#fff background-colortransparent clickLefttoSuperior/uni-nav-bar
toSuperior() {uni.navigateBack({delta: 1});},需求当用户进行操作成功后我们希望页面自动关闭跳转回上一层页面。 我们在回调方法里这样写
uni.showModal({content: 添加成功,showCancel: false,});that.superior();superior() {uni.navigateBack({delta: 1});},这样会导致页面有时无法正常跳转而点击页面的回退按钮也没有任何反应页面卡住在当前页面。这是无法容忍的。原因uni-app中showModel会阻碍 uni.navigateBack跳转。 改进
uni.showModal({content: 添加成功,showCancel: false,confirmText:确定,success:(){that.superior();},complete:(){that.superior();}});
superior() {uni.navigateBack({delta: 1});},正常跳转
二、列表页面下拉刷新不显示数据
举例我们用如下代码展示一个列表
you-scroll refscroll onPullDownonPullDown onScrollonScroll onLoadMoreonLoadMoreview classscroll-view scrolltoloweronLoadMore scrolltoupperisToupper :scroll-topscrollTopscrollscroll styleheight: 1400rpx; scroll-ytrueview classitem_boxview classitem v-foritem in dataList clicktoEquList(item)text classicon iconfont left_icon#xe6bb;/textview classbox_leftview classtitle用户名{{item.deptName}}/view /view/view/view/scroll-view/view/you-scrollonPullDown(done) { // 下拉刷新// console.log(下拉刷新事件调用);this.toupperShow false;setTimeout(() {this.shows true;this.LoadingMore 努力加载中...;this.dataList [];this.pageNum 1;this.curPageNumCount 0;this.totalNumCount 0;this.getDataList();done(); // 完成刷新}, 1000 * 1)},getDataList (){let that this;uni.request({url: this.config.apiHost /smoke/findMerchantById,method: POST,data: {loginName: uni.getStorageSync(loginName),communityId: this.communityId,merchantName: this.merchantName,pageNum: this.pageNum,pageSize: this.pageSize,},header: {Authorization: uni.getStorageSync(accessToken), //自定义请求头信息},success: (res) {this.shows false;console.log(res.data);var data res.data;if (data.code0) {data data.data; // {}
this.totalNumCount data.total;let dataArr data.rows;//[]that.curPageNumCount dataArr.length;if(dataArr dataArr.length0){for(let i 0;idataArr.length; i)that.dataList[that.dataList.length] dataArr[i];}}}问题第一次进入页面列表正常显示下拉刷新后列表消失。原因数组赋值检测不到。解决方案使用push给数组赋值或者如下方法。
改进
that.dataList[...that.dataList,...dataArr];
