后台登陆系统权限列表思路

我们做这个功能还是跟以前一样，先把权限列表的接口封装到文件中。代码：

export function getRuleList(userid) {
return request({
//这是接口后面跟的参数，就是封装好的
url: rights/list,
method: ‘get’
})
}

先在页面调用封装好的方法，具体的思路拿代码来解释：
1，//在文件里引入封装接口的文件
import {getRuletList} from ‘@/http/api’

2，getRuleList() { //这是封装好的方法
//利用异步方法调取接口（await）
const res=await getRuletList()
this.data=res.result;
//这个data是在data里设置的空数组
}

3，在列表中prop接收接口的值
//：data动态循环data

//prop接收接口的autoName值

到此，我们的一个调用权限列表就做好了，其实就是调接口渲染，万变不离其宗。