uniapp列表详情操作后返回更新列表

直接列表放法调用的话每次进来会刷新2次,性能不好

列表使用的是z-paging

详情页操作完返回

uni.showToast({
	title: '操作完成',
	icon: 'none',
	duration: 2000,
});
uni.navigateBack(1)

在列表页中的data定义

        data() {
			return {
				pageNo: null,
				pageSize: null,
			}
		}

在onShow中

        onShow() {
			if (this.pageNo && this.pageSize) {
				this.$nextTick(function() {
					this.$refs.paging.refresh()
				})
			}
		},

在queryList方法中重置pageNo,pageSize

        queryList(pageNo, pageSize) {
				this.pageNo = pageNo
				this.pageSize = pageSize
				const params = {
					pageNo: pageNo,
					pageSize: pageNo,
					
				}
				this.isLoading = true
				xxxxxx(params).then(res => {
					this.isLoading = false
					if (res.data.data.records.length > 0) {
						this.$refs.paging.completeByTotal(res.data.data.records,   res.data.data.total);
					}
				})

			}

完成详情页面返回后刷新列表

  • 7
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值