fix: 修复Home页异常跳转的问题 · Pull Request !53 · openEuler/DevStore

fix: 修复Home页异常跳转的问题

问题描述：
在Home页第2页（或任何非第1页）点击列表项跳转到Detail页时，会错误地打开一个新的Home页签，而不是Detail页签。

根本原因：
1. **keep-alive缓存问题**：Home组件使用keep-alive缓存，即使路由切换到Detail页，Home组件实例仍然存在并监听路由变化
2. **页签与路由不同步**：`addTab`立即激活页签，但`router.push`需要时间完成，导致时序不一致
3. **组件渲染基于route**：`router-view`的Component总是基于当前route，而不是页签信息

修复方案：
1. 分离页签创建和激活 (tabStore.ts)
```typescript
const addTab = (tab: Tab, activate: boolean = true) => {
  // 添加activate参数，默认为true保持向后兼容
  // 允许创建页签但不立即激活
}
```

2. 延迟激活页签 (GridDisplay.vue)
```typescript
const goToDetail = async (key: string) => {
  // 先添加页签（不激活）
  addTab({...}, false);
  
  // 等待路由完成
  await router.push(detailPath);
}
```

3. 自动激活页签 (layout/index.vue)
```typescript
watch(() => route.fullPath, () => {
  if (route.name === 'McpServerDetail' || route.name === 'OedpPluginDetail') {
    // 提取expectedTabId
    setActiveTab(expectedTabId);  // 自动激活
    updateCurrentTab({...});
  }
});
```

4. 保持Home组件路径检查 (Home.vue)
```typescript
// 多处添加路径检查
if (route.path !== '/') return;
```

Home页中，进入除了第1页之外的任意其他页，点击任意组件，页签路由可能出错，请修复
https://gitee.com/openeuler/DevStore/issues/IDCEHN

类型	指派人员	状态
审查	openeuler-ci-bot solarhu cmss_dx 栾建海 snoweay luzhihao hjx_gitff Lostway yangzhao_kl dowzyx chen wei kefei	已完成 (0/0人)
测试	openeuler-ci-bot	已完成 (0/0人)

openEuler/DevStore关闭 .gitee-modal { width: 500px !important; }

搜索帮助

openEuler/DevStore
关闭