# OPT-16: Tab页面返回按钮修复 ## 任务描述 book-generator/index.vue 作为 Tab 页不应显示返回按钮。 ## 修改文件 `my-uniapp-vue3/src/pages/book-generator/index.vue` ## 实现内容 ### 1. 检测页面是否为 Tab 页 - 在 pages.json 中确认 book-generator/index 是 Tab Bar 页面之一 - 添加 `isTabPage` ref 标识页面为 Tab 页 ### 2. Tab 页隐藏返回按钮 - 使用 `v-if="showBackButton"` 条件渲染返回按钮 - `showBackButton` 通过 computed 计算: - 如果是 Tab 页,返回 `false`(隐藏按钮) - 如果是非 Tab 页但有历史记录,返回 `true` ### 3. 非 Tab 页显示返回按钮 - 当页面不是 Tab 页时,根据页面栈判断是否显示返回按钮 ## 代码变更 **新增变量:** ```typescript const isTabPage = ref(true); const showBackButton = computed(() => { if (!isTabPage.value) return true; const pages = getCurrentPages(); return pages.length > 1; }); ``` **模板变更:** ```html ``` ## 状态 - [x] 完成