avue-crud和el-pagination如何监听页面切换事件点击切换页面如何保留上一页输入的数据

要监听页面切换事件，你可以使用avue-crud组件的@change事件。该事件会在页面切换时触发，你可以在事件处理程序中进行相应的操作。

点击切换页面时保留上一页输入的数据，你可以使用el-pagination组件的@current-change事件。该事件会在当前页码改变时触发，你可以在事件处理程序中将当前页码和输入的数据保存起来。

下面是一个示例代码：

<template>
  <avue-crud
    :data="tableData"
    :page-change="handlePageChange"
    :options="crudOptions"
  ></avue-crud>
</template>

<script>
export default {
  data() {
    return {
      tableData: [],
      currentPage: 1,
      pageSize: 10,
      crudOptions: {
        pagination: {
          currentPage: 1,
          pageSize: 10
        }
      }
    };
  },
  methods: {
    fetchData() {
      // 根据当前页码和每页显示数量获取数据
      // 这里可以根据实际情况使用你的数据接口
      const start = (this.currentPage - 1) * this.pageSize;
      const end = start + this.pageSize;
      this.tableData = this.mockData.slice(start, end);
    },
    handlePageChange(currentPage) {
      // 保存当前页码
      this.currentPage = currentPage;
      // 保存输入的数据
      // 这里可以根据你的需求进行相应的操作，比如将数据保存到vuex中或者本地存储中
    }
  },
  mounted() {
    this.fetchData();
  }
};
</script>

在上面的代码中，我们使用了currentPage和pageSize来保存当前页码和每页显示数量。在fetchData方法中，根据当前页码和每页显示数量从数据源中获取对应的数据。在handlePageChange方法中，我们保存了当前页码，并且可以在方法中进行相应的操作来保存输入的数据。

请注意，上面的代码仅提供了一个示例，你需要根据你的具体需求进行相应的修改和调整