第十节：Vben Admin实战-系统管理之角色管理实现(分页查询，修改)-中

系列文章目录

基础篇
第一节：Vben Admin介绍和初次运行
第二节：Vben Admin 登录逻辑梳理和对接后端准备
第三节：Vben Admin登录对接后端login接口
第四节：Vben Admin登录对接后端getUserInfo接口
第五节：Vben Admin权限-前端控制方式
第六节：Vben Admin权限-后端控制方式
第七节：Vben Admin权限-后端获取路由和菜单

实战篇
第八节：Vben Admin登录页面自定义
第九节：Vben Admin实战-系统管理之角色管理实现-上
第十节：Vben Admin实战-系统管理之角色管理实现(分页查询，修改)-中
第十一节：Vben Admin实战-系统管理之角色管理实现(删除，状态修改)-下
第十二节：Vben Admin实战-系统管理之用户管理
第十三节：Vben Admin实战-系统管理之菜单管理

专栏链接
Vben Admin框架实战(Python后端)

---

---

前言

这里是Vben Admin角色管理的下半部分。第九节，我们实现了角色的添加功能。本节完成剩下的修改角色信息，删除角色等功能。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、角色列表查询

前端修改

前端修改涉及这几个文件：
src/api/sys/role.ts
src/api/sys/model/roleModel.ts
src/views/sys/role/index.vue

src/api/sys/role.ts

import {
   
    defHttp } from '@/utils/http/axios';
import {