updates

src/modules/teacher/components/TeacherList.vue

 <script setup lang="ts">
 import type { ITeacherList } from '@/types'
-
 defineProps<{ teacherList: ITeacherList[] }>()
 </script>
 

src/modules/teacher/views/Index.vue

@@ -10,7 +10,7 @@ interface ITeacherAllList {
   list: ITeacherList[]
 }
 
-const teacherList = reactive<ITeacherAllList>({
+const teacherList = $ref<ITeacherAllList>({
   loading: false,
   page: 1,
   total: 0,
@@ -18,8 +18,8 @@ const teacherList = reactive<ITeacherAllList>({
 })
 
 let tabIndex = $ref(0)
-const handleGetTeacherList = () => {
-  const params: any = { page_size: 20, page: teacherList.page, type: (tabIndex + 1).toString() }
+const handleGetTeacherList = (val: any) => {
+  const params: any = { page_size: 20, page: teacherList.page, type: (val + 1).toString() }
   teacherList.loading = true
   getTeacherList(params)
     .then(res => {
@@ -33,11 +33,12 @@ const handleGetTeacherList = () => {
 }
 
 onMounted(() => {
-  handleGetTeacherList()
+  handleGetTeacherList(0)
 })
 const handleTabClick = (val: number) => {
   tabIndex = val
-  handleGetTeacherList()
+  console.log(tabIndex, 'tabIndex')
+  handleGetTeacherList(val)
 }
 </script>