diff --git a/pages/plugins/live/pull/components/live-content/live-content.vue b/pages/plugins/live/pull/components/live-content/live-content.vue
index d431adbc..bc90b67c 100644
--- a/pages/plugins/live/pull/components/live-content/live-content.vue
+++ b/pages/plugins/live/pull/components/live-content/live-content.vue
@@ -324,6 +324,8 @@
* 组件挂载后执行初始化操作
*/
mounted() {
+ console.log('1111');
+
// 初始化窗口信息和滚动条高度
this.init_window_info();
// 滚动到评论区底部
@@ -337,6 +339,8 @@
* 组件销毁前清理资源
*/
beforeDestroy() {
+ console.log('222');
+
// 清理socket连接
this.clear_interval_task();
this.unbind_keyboard_listener();
@@ -592,7 +596,7 @@
user_name: data.content,
text: '',
});
- }
+ }
// 添加内容之后,需要滚动到最后
this.scroll_to_lower();
break;
@@ -603,15 +607,18 @@
if (this.bulletins.length > 0 && this.bulletins[this.bulletins.length - 1].type == 'go') {
this.bulletins.splice(this.bulletins.length - 1, 1);
}
- this.bulletins.push({
- id: Math.random(),
- type: 'user',
- user_avatar: data.data.user.avatar,
- user_name: data.data.user.nickname,
- text: data.content,
+ this.$nextTick(() => {
+ this.bulletins.push({
+ id: Math.random(),
+ type: 'user',
+ user_avatar: data.data.user.avatar,
+ user_name: data.data.user.nickname,
+ text: data.content,
+ });
+ console.log(this.bulletins);
+ // 添加内容之后,需要滚动到最后
+ this.scroll_to_lower();
});
- // 添加内容之后,需要滚动到最后
- this.scroll_to_lower();
break;
case 'live-status':
console.log(data.content, 'live-status');
diff --git a/pages/plugins/live/pull/pull.nvue b/pages/plugins/live/pull/pull.nvue
index c4c5e9d2..914584a1 100644
--- a/pages/plugins/live/pull/pull.nvue
+++ b/pages/plugins/live/pull/pull.nvue
@@ -6,17 +6,19 @@
-
-
-
-
-
- {{live_end_msg}}
-
+
+
+
-
+
+
+ {{live_end_msg}}
+
+
+
+