我发现在使用权限管理面板时，面板一直停留在加载界面，查看源代码后发现：组件在接收res结果后改变响应式变量loading的值。

纠正上面的错误后，发现getUserListApi获取的用户列表信息res内部格式与实际得到的假数据不符合，导致无法正常赋值，也就是说res此时为空，所以我在getUserListApi更改预期获取的结果格式。

通过以上的修正操作，这样就可以正常显示获取到的假数据了。

src/api/login/index.ts

@@ -15,8 +15,11 @@ export const loginOutApi = (): Promise<IResponse> => {
 
 export const getUserListApi = ({ params }: AxiosConfig) => {
   return request.get<{
-    total: number
-    list: UserType[]
+    code: ''
+    data: {
+      list: UserType[]
+      total: number 
+    }   
   }>({ url: '/user/list', params })
 }
 

src/views/Authorization/Role.vue

@@ -65,7 +65,8 @@ const getTableList = async (params?: Params) => {
   //   loading.value = false
   // })
   if (res) {
-    tableDataList.value = res.list
+    tableDataList.value = res.data.list
+    loading.value = false
   }
 }
 

src/views/Authorization/User.vue

@@ -65,7 +65,8 @@ const getTableList = async (params?: Params) => {
   //   loading.value = false
   // })
   if (res) {
-    tableDataList.value = res.list
+    tableDataList.value = res.data.list
+    loading.value = false
   }
 }