【微信小程序开发】小程序开启下拉刷新功能

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);

    }