水越帆 2019-06-28 17:00 采纳率: 60%
浏览 2002
已采纳

我想问一下vue+element-ui带条件查询分页问题

遇到一个分页问题,需要带条件查询,望指教!

      <div class="pagination">
        <el-pagination
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="pageNum"
          :page-sizes="[10, 20, 50, 100]"
          :page-size="pageSize"
          layout="total, sizes, prev, pager, next, jumper"
          :total="count">
        </el-pagination>
      </div>
     handleCurrentChange (val) {
        this.pageNum = val
        // this.loadData()
      },
      handleSizeChange (val) {
        this.pageSize = val
        // this.loadData()
      },

这是分页代码,上面定义了个加载数据的事件,但是我需要通过条件查询数据的时候,怎么把事件加到里面呢?下面是一个事件shi'li

  queryByTag (formName) {
    let self = this
    this.queryForm['pageSize'] = this.pageSize
    this.queryForm['pageNum'] = this.pageNum
    self.$refs[formName].validate((valid) => {
      if (valid) {
        let url = Config.context + '/friendManager/getFriendInfoByTags'
        if (url) {
          axios({
            method: 'POST',
            url: url,
            data: {
              pageSize: this.queryForm['pageSize'],
              pageNum: this.queryForm['pageNum'],
              tags: self.queryForm2.id
            },
            timeout: Config.timeout
          })
            .then((response) => {
              self.loading = false
              let data = response.data
              self.page = data.page || 0
              self.count = data.count || 0
              self.tableData = data.list || []
            })
              .catch((error) => {
                self.$message.error('error')
                throw error
              })
        }
      } else {
        return false
      }
    })
  },

  • 写回答

1条回答 默认 最新

  • 发光的树 2019-06-28 17:25
    关注

    可以使用post请求,将pageSize和pageNo固定写在url中,将查询条件放在data中
    图片说明

    我直接给你加在这里吧
    图片说明图片说明

    分页这里的方法实现
    图片说明图片说明

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 调用函数时,无关变量的改变引起函数值的改变
  • ¥15 xy坐标转化为经纬度坐标
  • ¥15 一般三角模糊数的上界值和下届值取中值的多少比较合理?
  • ¥15 关于#python#的问题,请各位专家解答!
  • ¥20 Hbase启动失败,无法启动HMaster
  • ¥15 sqpingboot在父模块已经引入了mybatisplus 在子组件不写版本号还是报错
  • ¥20 Lumerical FDTD solutions 中模型的相对阻抗,有效介电常数和有效磁导率的实部和虚部的数据如何获得?
  • ¥100 sql reporting service 远程smtp服务器配置支持
  • ¥15 ppyoloe_r带角度目标检测,loss_cls没法收敛
  • ¥15 淘宝交易指数如何解读,其关联的数据指标是什么