uni-app 消息列表改变角标数字

使用API设置未读消息角标

最新推荐文章于 2024-05-10 01:52:54 发布

原创最新推荐文章于 2024-05-10 01:52:54 发布 · 2.4k 阅读

2 ·

CC 4.0 BY-SA版权

这段代码展示了如何从后台获取未读消息数量，并根据返回值设置角标显示。首先，通过uni.getStorageSync获取用户代码，然后调用API(messageNoReadNum)获取未读消息数。如果返回码为200，且数据不为0，则设置角标显示相应数字，否则清除角标。最后，使用webView.setTitleNViewButtonBadge方法更新角标的文本。

	//向后台传的参数
	let obj = {
			userCode:uni.getStorageSync('user').code
		}

	
	this.$api.messageNoReadNum(obj).then(res=>{
			//定义显示的数字变量
			let num;
			if(res.code == 200){
				if(res.data == 0){
					num = '';
				}else{ 
					num = res.data
				}
				//获取到角标元素
				var webView = this.$mp.page.$getAppWebview();
				//设置  赋值
				webView.setTitleNViewButtonBadge({
				index: 0,
				text: num,
				});
			}
	})