账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    Mint UI 中的 Loadmore 还没拉到底就执行bottom-method 方法了
    67
    0

    1.问题是 下拉刷新 稍微一拉就执行bottom-method 方法了
    我的代码
    <template>
    <div class="container">

    <mt-loadmore
    :bottom-all-loaded="allLoaded"
    :bottom-method="loadTop"
    :top-method="loadTop"
    ref="loadmore"

    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
        <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
        <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
        <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
        <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
        <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
        <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
        <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    
        <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
        <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    

    </mt-loadmore>
    </div>
    </template>
    <script>
    export default {

    data() {
      return {
        allLoaded:false,
        topStatus: '',
      };
    },
    methods: {
      handleTopChange(status) {
        this.topStatus = status;
      },
      loadTop() {
          alert('11')
          setTimeout(()=>{
            this.$refs.loadmore.onBottomLoaded();
            this.allLoaded = false
          },2000)
        },
    },

    };
    </script>
    <style>
    .container{

    overflow: auto;

    }
    </style>

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • ◇樱花巷ぴ 普通会员 1楼

      在 Mint UI 中,"Loadmore" 按钮加载更多数据时,如果还未加载完全,就会立即调用底部方法(bottomMethod)。

      底部方法是一种在数据加载完成后调用的方法,用于清理屏幕、更新布局等。如果底部方法在加载数据还未完全时就被调用,可能会导致页面闪烁,用户体验不佳。

      建议在 "Loadmore" 按钮的回调函数中,先等待数据加载完成再调用底部方法。如果在加载数据的过程中发生了错误,可以及时处理,以确保页面的正常运行。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部