28 lines
1.1 KiB
Markdown
28 lines
1.1 KiB
Markdown
## 修复邀请码列表数据获取
|
||
|
||
### 问题分析
|
||
当前邀请码列表使用的是硬编码数据，而不是通过调用`getCodes()`方法从API获取实际数据。
|
||
|
||
### 解决方案
|
||
1. 修改`index.vue`组件，导入并使用`UserController`中的`getCodes()`方法
|
||
2. 将硬编码的`userData`计算属性改为响应式数据，并添加数据获取逻辑
|
||
3. 确保邀请码列表能够动态渲染从API获取的数据
|
||
|
||
### 实现步骤
|
||
1. 在`index.vue`中导入`UserController`
|
||
2. 创建响应式的`userData`对象，替换当前的计算属性
|
||
3. 添加`onMounted`钩子，在组件挂载时调用`getCodes()`方法获取邀请码数据
|
||
4. 更新邀请码列表的渲染逻辑，确保与API返回的数据结构匹配
|
||
5. 添加错误处理和加载状态
|
||
|
||
### 预期结果
|
||
- 邀请码列表将显示从API获取的实际数据
|
||
- 支持邀请码的过期状态显示
|
||
- 保持现有的复制功能和样式不变
|
||
|
||
### 代码变更
|
||
- 修改`d:/work/Aiproject/DeotalandAi/apps/frontend/src/views/user/index.vue`：
|
||
- 导入`UserController`
|
||
- 将`userData`从计算属性改为响应式数据
|
||
- 添加数据获取逻辑
|
||
- 调整数据结构映射 |