uni-app实现下拉刷新

Posted 2023-03-09

参考技术A 需求：实现一个全局的下拉刷新，因为每个页面基本上都有查询，都需要做下拉刷新，为了避免每个页面都写一遍，所以我考虑了一下，还是封装了一下。

实现方式：

1.下拉刷新文档

第一步：在page.json里面配置enablePullDownRefresh：true

pages.json

第二步：在你的项目文件夹，我这里写在了common文件夹下，新建了一个myMixins.js，做一个全局的，因为每个页面都要用到这个，所以写了一个mixins,具体的使用方式如下：

第三步，页面引用Mymixins

就这三步就可以了，然后哪个页面需要引用就引用就行了，这样每个页面就不用都写那个下拉刷新的方法了。