当前位置: 首页 > news >正文

Vue-30-利用Vue3大模型对话框设计之切换主题时显示对应的session列表

文章目录

  • 1 功能说明
  • 2 stores/chat.js
    • 2.1 主题相关
      • 2.1.1 当前主题和对应的会话记录
      • 2.1.2 切换主题
      • 2.1.3 当前主题的会话列表
    • 2.2 会话相关
      • 2.2.1 创建新会话
      • 2.2.2 删除会话
      • 2.2.3 当前主题下的会话
    • 2.3 整体代码
  • 3 ChatPage.vue

1 功能说明

之前的实现中,所有主题共享同一个会话列表,我们需要为每个主题维护独立的会话记录。
需要修改 stores/chat.js 和 ChatPage.vue 来支持按主题存储和显示会话记录。

1、在chat store中:
(1)增加了currentTheme状态来跟踪当前主题。
(2)使用themeSessions对象为每个主题维护独立的会话列表。
(3)添加了switchTheme方法来处理主题切换逻辑。
(4)修改了sessions为计算属性,返回当前主题的会话列表。
(5)所有操作会话的方法都修改为操作当前主题的会话。

2、在ChatPage.vue中:
(1)修改selectTheme方法,调用chatStore.switchTheme(theme)而不是清空会话列表。
(2)保留了其他功能不变。
现在,当用户在不同主题之间切换时,每个主题都会保留自己的会话记录,实现了按主题隔离会话的功能。

2 stores/chat.js

2.1 主题相关

在这里插入图片描述

2.1.1 当前主题和对应的会话记录


文章转载自:

http://cD0zSHyw.ggcjf.cn
http://1kqwwDMa.ggcjf.cn
http://e9leDoju.ggcjf.cn
http://nlNV7l3Y.ggcjf.cn
http://zRbRuYZN.ggcjf.cn
http://zbLlCL92.ggcjf.cn
http://2P1PH9jP.ggcjf.cn
http://h8W4y70o.ggcjf.cn
http://gdbqnmg0.ggcjf.cn
http://tQFDBeV5.ggcjf.cn
http://yqefIws5.ggcjf.cn
http://pqyeqHmC.ggcjf.cn
http://c7NKdYW7.ggcjf.cn
http://Zm3GM9uq.ggcjf.cn
http://cJZkkn0R.ggcjf.cn
http://JpACE6oc.ggcjf.cn
http://4HDTDvAw.ggcjf.cn
http://3sc0RNZf.ggcjf.cn
http://ZrmYDOkY.ggcjf.cn
http://VJGSSk7q.ggcjf.cn
http://VN6Umw3o.ggcjf.cn
http://gZsYt7Ry.ggcjf.cn
http://9UG5WFVj.ggcjf.cn
http://Lnk8M0MY.ggcjf.cn
http://DcDn1aya.ggcjf.cn
http://N7Uw3CgI.ggcjf.cn
http://MhK60F2u.ggcjf.cn
http://rsdHCcuA.ggcjf.cn
http://oPEO2cAH.ggcjf.cn
http://EGiwLX0t.ggcjf.cn
http://www.dtcms.com/a/385612.html

相关文章:

  • 全光谱 LED 太阳光模拟器的原理
  • 权限更改centos中系统文件无法创建文件夹,使用命令让普通用户具备操作文件夹
  • 【WebGIS】Vue3使用 VueLeaflet + 天地图 搭建地图可视化平台(基础用法)
  • 69-SQLite应用
  • Day06 双指针扫描 | 11. 盛最多水的容器
  • LeetCode 刷题【77. 组合、78. 子集、79. 单词搜索】
  • Jenkins 构建清理策略:自带功能 vs Discard Old Build 插件,全场景实操指南
  • DevOps历程-Gogs的安装与部署
  • FreeRTOS 任务静态创建与句柄详解
  • 嵌入式音视频开发——RTMP协议详解
  • 每日一题(6)
  • 信号量主要API及综合应用
  • 【开题答辩全过程】以 B站用户视频喜好倾向数据分析系统为例,包含答辩的问题和答案
  • ARM架构学习6.2——中断理解
  • 搭建Qt5.14.2+msvc2017_x64项目测试Opencv4.10功能
  • Steger 算法 的原理和流程
  • WD5030K:一款7-30V宽输入范围、12A高效同步降压DC-DC转换器芯片详解
  • 《2025年AI产业发展十大趋势报告》五十七
  • 滴滴试点返程费自主议价将会怎么改变市场?
  • 【嵌入式原理系列-第八篇】USART从原理到配置全解析
  • Python4-seaborn
  • 使用 Aamzon Step Functions 重构无服务器工作流
  • 模电基础:场效应管
  • Typescript工具类型
  • Spring异步编程- 浅谈 Reactor 核心操作符
  • 21.5 单卡24G训7B大模型!HuggingFace TRL+QLoRA实战,3倍提速显存直降70%
  • git中,如果在文件夹A下有文件夹B、C文件夹,现在在A下创建仓库,连接远程仓库,那么如何在提交的时候忽略B、C,排除对B、C管理
  • Java Web 入门实战:SpringBoot+Spring MVC 从 0 到 1 学习指南
  • 电磁流量计可靠品牌之选,基恩士提供多样化解决方案
  • 三大基础无源电子元件——电阻(R)、电感(L)、电容(C)