聊天列表

pages/information/information.vue

@@ -18,11 +18,11 @@
 			<view id="information">
 				<view class="information_dl" v-for="(item,index) in information_dl" :key="index" >
 					<view>
-						<image :src="item.url"></image>
+						<image :src="item.avatar"></image>
 					</view>
-					<view class="title">{{item.title}}</view>
-					<view class="contentes">{{item.contentes}}</view>
-					<view class="times">{{item.title}}</view>
+					<view class="title">{{item.name}}</view>
+					<view class="contentes">{{item.text}}</view>
+					<view class="times">{{item.time}}</view>
 				</view>
 			</view>
 		</view>
@@ -88,6 +88,10 @@
 				show: false
 			};
 		},
+		onShow(){
+			this.information_dl = this.imService.friends;
+			this.imService.onFriendListChange=this.onFriendListChange;
+		},
 		onLoad() {
 			// /消息模块的请求
 			this.messageIndex()
@@ -99,13 +103,22 @@
 				let that = this
 				setTimeout(function(){
 					that.imService.disconnect()
+					console.log("guanbi")
 				},1000)
 				setTimeout(function(){
+					console.log("lianjie")
 					that.imService.connectIM()
 				},2000)
 			}
 		},
 		methods: {
+			onFriendListChange(onlineFriends) {
+				//todo:比较垃圾的处理方式，因为Uniapp的基于MAP的双向绑定在H5端不稳定，H5端偶尔会抽风
+				// 下边这一行删掉，有时候页面可以更新，有时候不行，大家有优雅的方式，也欢迎跟我们沟通
+				this.information_dl = this.imService.friends;
+
+				this.$forceUpdate();
+			},
 			// 选中某个复选框时，由checkbox时触发
 			checkboxChange(e) {
 				//console.log(e);