diff --git a/packages/uniapp-pro-components/chat/chat-list/README.md b/packages/uniapp-pro-components/chat/chat-list/README.md index 730154f90..498b9f76e 100644 --- a/packages/uniapp-pro-components/chat/chat-list/README.md +++ b/packages/uniapp-pro-components/chat/chat-list/README.md @@ -66,3 +66,9 @@ scroll | `(context: TdChatScrollContext)` | 滚动事件的回调。[详细类 名称 | 描述 -- | -- actionbar | 自定义操作按钮的插槽 + +### ChatList Methods + +名称 | 参数 | 返回值 | 描述 +-- | -- +scrollToBottom | - | - | 对话列表过长时,以及发送新消息时,需要将对话列表滚动到底部,支持对话列表重新滚动回底部的方法。 diff --git a/packages/uniapp-pro-components/chat/chat-list/chat-list.vue b/packages/uniapp-pro-components/chat/chat-list/chat-list.vue index 7c8d69fdc..222df3341 100644 --- a/packages/uniapp-pro-components/chat/chat-list/chat-list.vue +++ b/packages/uniapp-pro-components/chat/chat-list/chat-list.vue @@ -131,12 +131,16 @@ export default { if (!this.reverse && this.virtualList) { this.addFragment(); } + //向父组件发射该事件,用于满足开发者滚动分页加载的需求 + this.$emit('handlerScrollToUpper') }, handlerScrollToLower() { if (this.reverse && this.virtualList) { this.addFragment(); } + //向父组件发射该事件,用于满足开发者滚动分页加载的需求 + this.$emit('handlerScrollToLower') }, resetFragments() { diff --git a/packages/uniapp-pro-components/chat/chat-message/README.md b/packages/uniapp-pro-components/chat/chat-message/README.md index 621364969..af0fb2322 100644 --- a/packages/uniapp-pro-components/chat/chat-message/README.md +++ b/packages/uniapp-pro-components/chat/chat-message/README.md @@ -73,6 +73,8 @@ message-longpress | `(detail: { id: string, longPressPosition: { x: number, y: n 名称 | 描述 -- | -- +content | 自定义`content` 显示内容(props中传入的content优先级高于插槽) avatar | 自定义 `avatar` 显示内容 datetime | 自定义 `datetime` 显示内容 name | 自定义 `name` 显示内容 +actionbar | 自定义`actionbar` 操作栏