Vue学习-AI小护

  1. 使用env环境变量,
    • 在data-return里定义 aiHeadImg: process.env.VUE_APP_AI_HEADIMG,
    • 使用 <img class="icon-ava" :src="aiHeadImg"
  2. 右侧边栏
    • el-drawer 框
    • <aichat-item v-if="tagDialogConfig.visible" :dialog-config="tagDialogConfig" style="height: 100%; overflow: auto;" /> 
    • import aichatItem from '../aichat/item.vue'; 引用指定页面作为内容
    • 按钮 点击事件 框的基础定义和配置
  3. form页,改为tab的方式
    • 定义tab 定义index.js 配置权限 /ai/tab/config
  4. list页,不跳转form 当前页弹框显示form表单
  5. form页 分块展示数据
    • <el-collapse> 
    • <el-collapse-item title="知识基本信息" name="1">
  6. 添加关键字
    • 输入多个关键字
  7. 添加回答
    • 一次性添加多个表单
  8. 添加关联问题
    • 关联弹框,从列表勾选数据
  9. 点击展示侧边栏 和 点击弹框显示页面  
    • 显示某vue页面的内容
posted @ 2026-05-29 11:39  小易儿  阅读(2)  评论(0)    收藏  举报