1.在json中开启下拉刷新并配置样式
//json文件
{
"usingComponents": {
"SearchInput":"../../components/SearchInput/SearchInput",
"Tabs":"../../components/Tabs/Tabs"
},
"navigationBarTitleText": "商品列表",
//把这个设置为true
"enablePullDownRefresh": true,
//下拉出现三个点的样式
"backgroundTextStyle": "dark"
}
backgroundTextStyle
的样式
2.编写下拉刷新触发的事件
事件名为onPullDownRefresh()
,为生命周期函数,在.js
文件中定义他
在事件中需要做两个事情
- 重置获得数据的数组们
- 重新获取请求
例如
// 下拉刷新事件
onPullDownRefresh(){
// 重置数组
this.setData({
// 部门名称
departmentList:[],
// 各部门所有职位名称
departmentPositionList:[],
// 不同部门所有人员信息
departmentPeopleList:[],
// 不同部门,不同职位所有人员信息
positionPeopleList:[]
})
// 重新发送请求
this.getDepartmentList();
this.getDepartmentPositionList(0);
this.getDepartmentPeopleList(0);
}