详情页
假设在列表页中你有某个方法来监控连接状态（如通过 WebSocket 或定时器），并且一旦连接断开，就通知详情页。
// 列表页代码
async monitorConnection(item) {// 假设你有一个函数来监控设备连接状态变化let isConnected = true; // 初始连接状态const checkConnection = setInterval(() => {// 检查连接状态（示例，实际情况中会根据设备的连接状态变化）if (!isConnected) {// 连接断开，通知详情页this.notifyDetailPage();clearInterval(checkConnection);}}, 1000);// 假设你有某种方式来检测连接状态，下面是一个示例setTimeout(() => {isConnected = false; // 模拟连接断开}, 5000); // 5秒后模拟连接断开
}// 发送事件通知详情页
notifyDetailPage() {// 通知详情页连接断开const pages = getCurrentPages(); // 获取当前页面栈const detailPage = pages.find(page => page.route === 'pages/detail/detail'); // 查找详情页if (detailPage) {const eventChannel = detailPage.getOpenerEventChannel();eventChannel.emit('connectionStatusChange', { connected: false });}
}详情页
在详情页中，你可以使用 getOpenerEventChannel() 来接收从列表页发送的事件，并根据连接状态更新界面。
// 详情页代码
onLoad: function (options) {const eventChannel = this.getOpenerEventChannel();// 监听来自列表页的连接状态变化eventChannel.on('connectionStatusChange', (data) => {console.log('连接状态变化:', data);if (data.connected === false) {uni.showToast({title: '连接已断开',icon: 'none'});// 在这里可以更新界面，如禁用按钮等}});
}
