• 【转】vux (scroller)上拉刷新、下拉加载更多


    1)比较关键的地方是要在 scroller 组件上里加一个 ref 属性

    <scroller :lockX="true" height="-170" :pulldown-config="{downContent: '下拉刷新', upContent: '释放后更新'}" :pullup-config="{upContent:'上拉加载更多', downContent: '释放后加载'}" ref="myScroller" :use-pulldown="true" :use-pullup=true @on-pulldown-loading="pageNum = 1;getArticleList(1, catId)" @on-pullup-loading="getArticleList(1, catId)">
    
    </scroller>

    如上,我加一个叫 myScroller 的 ref 属性,下面可以通过这个东西来调用组件的方法

    2)上拉刷新,下拉加载(let _this = this)

    复制代码
    if (data.Code !== 0) return false
    
    if (_this.pageNum === 1) {
      _this.ArticleList = data.Result.ArticleList
    
      _this.$nextTick(() => {
        _this.$refs.myScroller.donePulldown()
        _this.$refs.myScroller.reset({top: 0})
      })
    } else {
      let _count = _this.ArticleList.length
      for (var i = data.Result.ArticleList.length - 1; i >= 0; i--) {
        _this.ArticleList[_count + i] = data.Result.ArticleList[i]
      }
    
      _this.$nextTick(() => {
        _this.$refs.myScroller.donePullup()
        _this.$refs.myScroller.reset()
      })
    }
    复制代码
  • 相关阅读:
    制作Windows Server 2008安装启动U盘
    wireshark教程(一)
    TCPdump抓包命令详解
    ATM交换机 和普通交换机区别
    胖ap和瘦ap区别
    酒店网络非常常见故障一例
    JQuery EasyUI DataGrid动态合并(标题)单元) 一
    字典表左右选择
    treegrid-dnd.js
    MySQL开发规范
  • 原文地址:https://www.cnblogs.com/zhoudawei/p/9645339.html
Copyright © 2020-2023  润新知