vue+element 分页

vue+element 分页,第1张

 
      
      
  // 分页
data(){


      pageNum: 1,
      pageSize: 10,
      total: 0,

}
 // 获取全部数据
    getTableData() {
      this.loading = true
      taskSelect({ pageNum: this.pageNum, pageSize: this.pageSize }).then(
        (res) => {
          console.log(res)
          this.loading = false
          this.total = res.data.total
          this.listData = res.data.list
        }
      )
    },
    // 分页
    handleSizeChange(val) {
      console.log(`每页 ${val} 条`)
      this.pageSize = val
      this.getTableData()
    },
    handleCurrentChange(val) {
      console.log(`当前页: ${val}`)
      this.pageNum = val
      this.getTableData()
    },

可以在这里获取全部数据
beforeCreate() {
      this.getTableData()

    }, //生命周期 - 创建之前

欢迎分享,转载请注明来源:内存溢出

原文地址: https://www.outofmemory.cn/web/941231.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-17
下一篇 2022-05-17

发表评论

登录后才能评论

评论列表(0条)

保存