美文网首页
uni-app实现下拉刷新

uni-app实现下拉刷新

作者: 壹家全栈 | 来源:发表于2020-04-13 16:24 被阅读0次

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

    实现方式:

    1.下拉刷新文档

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

    pages.json

    开启下拉

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

    myMixins

    第三步,页面引用Mymixins

    页面引用Mymixins

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

    相关文章

      网友评论

          本文标题:uni-app实现下拉刷新

          本文链接:https://www.haomeiwen.com/subject/yscnmhtx.html