1.首页布局
2.异步数据流对接配合地图定位显示附近的商铺
3.实现下拉刷新
使用onPullDownRefresh()钩子函数监听下拉刷新,在该函数内部将当前页面设置为1;调用getShop()方法,重新获取商铺数据;在complete()回调函数内使用stopPullDownRefresh()方法停止下拉刷新。
4.实现上拉加载和分享小程序
使用onReachBottom()函数可以监听页面是否滚动到底部,如果滚动到底部,并且当前页码小于总页码,则当前页码加1,调用Vuex里商铺分页显示数据的getShopPage()方法,并将页码传递进去实现上拉加载数据。使用onShareAppMessage()函数可以实现分享小程序的功能。注意:onShareAppMessage不能写在setup方法内部必须和setup平级否则不生效。
2.异步数据流对接配合地图定位显示附近的商铺
3.实现下拉刷新
使用onPullDownRefresh()钩子函数监听下拉刷新,在该函数内部将当前页面设置为1;调用getShop()方法,重新获取商铺数据;在complete()回调函数内使用stopPullDownRefresh()方法停止下拉刷新。
4.实现上拉加载和分享小程序
使用onReachBottom()函数可以监听页面是否滚动到底部,如果滚动到底部,并且当前页码小于总页码,则当前页码加1,调用Vuex里商铺分页显示数据的getShopPage()方法,并将页码传递进去实现上拉加载数据。使用onShareAppMessage()函数可以实现分享小程序的功能。注意:onShareAppMessage不能写在setup方法内部必须和setup平级否则不生效。