Avue 分页记忆勾选

745 阅读1分钟

上代码:

data:

leftPage: {

    total: 0, //共计多少条
    currentPage: 1, // 当前页数
    pageSize: 10, // 每页显示多少条
    layout: "total,pager,prev, next",
    background:false,
  },
  tableDataLeft:[],
  selectedPersonals:[],
  

methods:

  personalList(page,params) {
  getEmpolyOperablePage(Object.assign({
    current: page.currentPage,
    size: page.pageSize,
  }, params)).then((response) => {
    // console.log("可操作人员列表:" + JSON.stringify(response.data.data.data.total))
    this.tableDataLeft = response.data.data.data.records;
    this.leftPage.total = response.data.data.data.total;
  });
},
leftSizeChange(val) {
  this.leftPage.pageSize = val;
  this.personalList(this.leftPage);
},
leftCurrentChange(val) {
  this.leftPage.currentPage = val;
  this.personalList(this.leftPage);
},
 leftRefreshChange(){
  this.personalList(this.leftPage);
},
handleSelectionChange(selection) {
  this.selectedPersonals = selection;
},

其实这都是正常的啊avue 的配置,但是有个坑提醒大家,就是后端传来的每一条数据都要有明确的id 这是avue框架本身需要,不带或者为null的话分页记忆勾选可能会不好使,我跟同事踩了好几天的坑