主页（七）-控制页面下拉刷新——methods里封装通用调用方法 & 加载状态-三个灰色点和高亮显示

下拉刷新——methods里封装通用调用方法 & 加载状态-三个灰色点和高亮显示

配置下拉刷新选项

在所需页面home文件夹下新建main.json配置文件

{ //下拉刷新效果 "enablePullDownRefresh": true, //加载状态 三个小灰点 "backgroundTextStyle": "dark" }

实现下拉刷新功能：监听函数，触发接口调用

该方法与methods同层级

onPullDownRefresh () { // 下拉刷新，触发重新加载页面的数据 // this.initData() //轮播图 this.swiperData() //菜单 this.menuData() // 楼层数据 this.floorData() }

补充

把通用的调用方法进行封装

在methods里

methods:{ initData () { //轮播图 this.swiperData() //菜单 this.menuData() // 楼层数据 this.floorData() } }, //不用再分别进行调用 created () { this.initData() },

其他地方同理，哪儿调用，直接写就行,不用分别进行调用

onPullDownRefresh () { // 下拉页面时触发 this.initData() },

验证效果展示