vue项目删除最后一页最后一条数据返回第一页

如果您使用 Vue.js 来开发项目，删除最后一页的最后一条数据并返回第一页，可以这样做：

1. 在模板中，使用 v-for 循环渲染数据列表，并且给每一条数据添加一个删除按钮。

2. 在 Vue 组件中，定义一个删除数据的方法，该方法在被点击时触发。

3. 在删除数据的方法中，使用 splice 方法删除该条数据。

4. 判断当前页是否是最后一页，如果是，则将页数设置为 1。

5. 使用 $emit 触发父组件的事件，以便在父组件中更新页数。

代码示例：

<template>
  <div>
    <ul>
      <li v-for="(item, index) in list" :key="index">
        {{ item }}
        <button @click="deleteData(index)">删除</button>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: [],
      page: 1,
      pageSize: 10
    };
  },
  methods: {
    deleteData(index) {
      this.list.splice(index, 1);
      if (this.list.length === 0) {
        this.page = 1;
        this.$emit("update:page", this.page);
      }
    }
  }
};
</script>