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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    element Ui 分页size-change事件触发同时也出发了current-change事件,导致调用两次接口
    55
    0

    element Ui 分页size-change事件触发同时也出发了current-change事件,导致调用两次接口

    <el-pagination 
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange" 
      :current-page.sync="pageInfo.PageNum" 
      :page-sizes="[5, 10, 20]"
      :page-size="pageInfo.PageSize" 
       layout="total, sizes, prev, pager, next, jumper" :total="pageInfo.Total">
    </el-pagination> 
        //pageSize变化事件
       handleSizeChange(val) {
            this.$emit("sizeChange", val);
      },
    
      //pageNum变化事件
      handleCurrentChange() {
        this.$emit("pageNumCheng");
      }
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 柠檬花扣 普通会员 1楼

      在Element UI中,分页size-change事件和current-change事件都是用于处理列表视图的滚动变化。当列表项的总数发生变化时,会触发这两个事件。

      如果这两个事件同时触发,导致调用两次接口,可能是因为代码中存在错误。可能的原因有:

      1. 代码中的逻辑有误,导致分页大小和当前页数的计算错误,从而导致两次请求接口。

      2. 在事件处理函数中,没有正确处理分页大小和当前页数的更新,导致分页大小和当前页数的计算错误,从而导致两次请求接口。

      3. 在UI中,没有正确监听分页大小和当前页数的变化,导致这两个事件无法正确触发。

      为了解决这个问题,可以在事件处理函数中进行分页大小和当前页数的更新,确保这两个事件能够正确触发。

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