881 B
881 B
AiChatThinking 思考过程
折叠展示模型的思考分段,生成中自动展开。
基础用法
:::preview 基础用法 || 逐段追加内容,生成中会自动滚到底部
demo-preview=../demos/ai-chat-thinking/basic.vue
:::
何时使用
需要把模型的推理过程单独呈现时使用,通常由 AiChatMessageList 内部调用,也可以单独摆放。
行为
isGenerating为真时展开并跟随滚动到底部,结束后收起- 内容受
max-height限制,超出时内部滚动 - 容器带
role="log"与aria-live="polite",屏幕阅读器会播报增量
与消息的关系
消息的 thinkingList 是一组分段({ id, content }),AiChatMessageList 会把它们拼成完整文本后传进来。