粉丝管理 (二)-粉丝列表-pagination分页组件-带有背景色的分页模式 粉丝图片id超出js最大安全数值-需要使用json-bigint处理 async调用接口数据，拿到并解构数据
02-粉丝管理-粉丝列表
作者：viceen
pagination分页组件-带有背景色的分页模式：
https://element.eleme.cn/#/zh-CN/component/pagination
结构：src/views/fans/index.vue中的div盒子里
{{item.name}}
+关注
//拿到分页组件，看需要哪些数据进行局部修改
数据：src/views/fans/index.vue中的data里
reqParams: {
page: 1, //页表
per_page: 24 //总条数
},
fansList: [],
total: 0
函数：src/views/fans/index.vue中的methods里
// post 请求 post(‘地址’，‘数据’)
// get 请求 get(‘地址’，‘{params:数据}’)
//解构赋值
// 得到 用户 信息 res.data.data res = {data:{data:'用户信息',message:'提示'}}
// 以前获取对象中的属性值：res.data ={data:'用户信息'}
// ES6提供解构赋值语法：{data:{data:data}}
// 函数的返回值 加载await之后 是then接受的数据
// 在使用await之后在 外层函数必须用async 来申明
//await向后台发请求
//拿数据 改分页
changePager (newPage) {
this.reqParams.page = newPage
this.getFans()
},
async getFans () {
//调用接口数据，拿到数据，解构数据
const { data: { data } } = await this.$http.get('followers', { params: this.reqParams })
this.fansList = data.results
this.total = data.total_count
}
修改样式：
转行内块，可设置宽高
display: inline-block;
margin-right: 50px;
margin-bottom: 20px;
作者：viceen
相关文章
Ursula
2020-06-24
Sally
2021-01-16
Gwen
2020-03-15
Bena
2020-10-05
Rasine
2020-04-16
Ady
2020-11-03
Badia
2021-05-03
Iolanthe
2020-07-29
Gabriela
2020-01-20
Olive
2023-07-21
Angie
2023-07-21
Lana
2023-07-21
Tanisha
2023-07-21
Olathe
2023-07-21
Hazel
2023-07-21
Pelagia
2023-07-22
Jacinthe
2023-07-22