From b1eb857f73ccb20c76cac38f3c11d3faf04a01b0 Mon Sep 17 00:00:00 2001
From: SunHwan-Park <meshim435@gmail.com>
Date: Tue, 17 Nov 2020 11:12:57 +0900
Subject: [PATCH] Fix stream disappearing error when other subscriber leaves a
 room

- In the current code, the value of the key may continuously change when other subscriber enters or leaves
- Changed v-for key index to sub.stream.connection.connectionId
---
 openvidu-insecure-vue/src/App.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/openvidu-insecure-vue/src/App.vue b/openvidu-insecure-vue/src/App.vue
index 53dbbabd..da4bfb68 100644
--- a/openvidu-insecure-vue/src/App.vue
+++ b/openvidu-insecure-vue/src/App.vue
@@ -30,7 +30,7 @@
 			</div>
 			<div id="video-container" class="col-md-6">
 				<user-video :stream-manager="publisher" @click.native="updateMainVideoStreamManager(publisher)"/>
-				<user-video v-for="(sub, index) in subscribers" :key="index" :stream-manager="sub" @click.native="updateMainVideoStreamManager(sub)"/>
+				<user-video v-for="sub in subscribers" :key="sub.stream.connection.connectionId" :stream-manager="sub" @click.native="updateMainVideoStreamManager(sub)"/>
 			</div>
 		</div>
 	</div>