avue-crud表格分页切换保留上一页数据 - el-pagination实现

要实现点击切换分页时保留上一页表格中每一行填入的数量，你可以使用以下步骤来操作：

1. 在你的 Vue 组件中，使用v-model指令将avue-crud组件的数据绑定到一个变量上，例如tableData。

<template>
  <avue-crud v-model='tableData'></avue-crud>
</template>

<script>
export default {
  data() {
    return {
      tableData: [] // 表格数据
    }
  }
}
</script>

2. 在avue-crud组件中，使用@change事件监听分页切换的动作，并将当前页的表格数据保存到一个变量中，例如currentPageData。

<template>
  <avue-crud v-model='tableData' @change='handlePageChange'></avue-crud>
</template>

<script>
export default {
  data() {
    return {
      tableData: [], // 表格数据
      currentPageData: [] // 当前页的表格数据
    }
  },
  methods: {
    handlePageChange(data) {
      this.currentPageData = data
    }
  }
}
</script>

3. 在分页切换时，将保存的当前页表格数据重新赋值给tableData，以实现保留每一行填入的数量。

<template>
  <avue-crud v-model='tableData' @change='handlePageChange'></avue-crud>
  <el-pagination @current-change='handlePageChange'></el-pagination>
</template>

<script>
export default {
  data() {
    return {
      tableData: [], // 表格数据
      currentPageData: [], // 当前页的表格数据
      currentPage: 1, // 当前页数
      pageSize: 10, // 每页显示数量
      total: 0 // 总数
    }
  },
  methods: {
    handlePageChange(page) {
      // 更新当前页数
      this.currentPage = page
      // 更新表格数据
      this.tableData = this.currentPageData
    }
  }
}
</script>

通过以上步骤，你可以实现在avue-crud表格分页切换时保留上一页中每一行填入的数量。