uni-app的使用总结（不断更新）

1 uni.previewImage 图片预览

当我们想对从后端循环出来的图片进行循环展示时，需要这个图片预览。一般会设置当前的current值

	


open(e){
	uni.hideLoading();
	uni.previewImage({
	    urls:that.dayImg,
		current:e.currentTarget.dataset.url
	});
}

 

2 用到websocket

uni-app的websocket里需要先连接，连接成功之后，再获取数据，三步骤

let id = uni.getStorageSync('id');
	var socketOpen = false;
	uni.connectSocket({
			url:`ws://192.168.0.200/websocket/${id}`
	});
	uni.onSocketOpen(function (res) {
		socketOpen = true;
		uni.hideLoading();
		if (socketOpen) {
			uni.onSocketMessage(function (res) {
				let data = JSON.parse(res.data)
				console.log(data);
				if(data.code == 30000){
					  
				}
			});
		}
	})

补充：App平台自定义组件模式下，以及支付宝小程序下，所有 vue 页面只能使用一个 websocket 连接。App下可以使用 plus-websocket 插件替代实现多链接。App平台，2.2.6+起支持多个socket链接，数量没有限制。

我们可以使用plus-websocket来实现全局的websocket，只需要在app.vue中连接，在其他页面接收消息就行。