uniapp两个接口渲染到同一个页面(笔记)

14 篇文章 0 订阅
12 篇文章 0 订阅
<view>
    //current判断不同页面
    <u-tabs :offset=[2,120] class="tabs" :list="cates" bg-color="#f8f8f8" font-size="40" :is-scroll="false":current="current" @change="change" @click="logan(index)"></u-tabs>
</view>


data(){
    return(){
        current: 0,
}
}
//凋接口
onLoad() {
			this.getWaitingProcessing()

		},
onReachBottom() {

			this.pageIndex += 1
			this.getWaitingProcessing()
		},
//方法里面写接口方法
methods: {
			getWaitingProcessing() {
				const data = {
					pageIndex: 1,
					// search:'',
					isUp: true,
					distributeReadMessageUserDetailId: 0,
					size: 10,
					isAll: false,
//判断current的值过滤数据
					status: this.current === 1 ? '已送达' : '已阅',
					// isAll:false,
					// status:'已阅'
				}
				this.$api.gettoberead(data).then(res => {
					console.log(res, '待阅信息')
//角标数量
					if (this.current === 0) {
						this.cates[0].count = res.Result.data.length
					}
//获取后台数据更新到list
					if (this.pageIndex === 1) {
						this.list = res.Result.data
					} else {
						this.list.push(...res.Result.data)
					}
					//触底显示没有更多了
					if (res.Result.data.length < 0) {
						this.status = 'loading'
					} else {
						this.status = 'noMore'
					}
				})
			},
//重新更新页面
change(index) {
				this.current = index;
				console.log(index)
				this.getWaitingProcessing()

			}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

光会再次降临

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值