Codex组件空状态处理需优先使用#empty插槽自定义内容，其次通过show-empty和empty-text控制，默认仅在无插槽时生效；外层v-if结合list.length可彻底隔离DOM并确保响应式更新。

☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

当Codex组件中绑定的数据源为空列表时，需要明确展示“暂无数据”等提示信息，避免界面出现空白或布局塌陷。

使用内置empty插槽

第一步：在Codex组件标签内部添加插槽。

第二步：在该插槽内写入自定义空状态内容，例如图标+文字：

暂无任务

。

第三步：确保父级容器未设置height: 0或overflow: hidden，否则空状态区域可能被裁剪不可见。

通过props控制空状态显隐

方法一：设置:show-empty="true"开启空状态自动渲染逻辑（仅当列表长度为0且未提供#empty插槽时生效）。

Marvis Codex Bridge

将来自 Marvis 或微信的可信远程软件开发请求中继至用户本地的 Codex CLI，等待编码任务完成，并返回经验证的结果。当用户通过 Codex 要求 Marvis 检查、实现、修复、测试、review 或继续在明确指定的本地项目目录中开展工作时，使用此功能。

下载

方法二：传入empty-text字符串属性，如empty-text="暂无匹配结果"，Codex会用默认样式渲染该文本。

【empty-text仅在未声明#empty插槽时起作用】一旦用了#empty插槽，empty-text会被完全忽略。

结合v-if动态切换内容区

在Codex外层包裹一个v-if判断：

…

。

这能彻底隔离空状态DOM结构，适合需要独立CSS样式或事件绑定的场景。

注意：若列表是响应式数组，必须用list.length而非!list || list.length === 0，否则初始为null时v-if会跳过挂载，导致后续响应式更新失效。