管理员列表页面 - Vue Element Plus

<template>
  <el-row class='mb-4'>
    <el-button type='primary'>添加管理员+</el-button>
  </el-row>
  <el-table class='table' :data='filterTableData' stripe style='width: 100%'>
    <el-table-column label='序号' prop='' />
    <template #default='scope'>
          <span> {{scope.$index+1}} </span>
    </template>
    <el-table-column label='账号' prop='user' />
    <el-table-column label='权限' prop='age' />
    <el-table-column label='操作' prop='del' />
    <el-table-column align='right'>
      <template #default='scope'>
        <el-button size='small' @click='handleEdit()'>Edit</el-button>
        <el-button size='small' type='danger' @click='handleDelete()'>Delete</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>
<script setup>
  import service from '@/api'
import { useRouter } from 'vue-router'
  import { ElNotification } from 'element-plus'
import 'element-plus/es/components/notification/style/css'
    var filterTableData=ref()
    var router=useRouter()

onMounted(async()=>{
    const res =await service.admin.admin_list()
    if(res.data.code==200){
        console.log(res.data.data);
        filterTableData.value=res.data.data
    }
})
</script>
<style  scoped>

</style>