antd vue 编辑完跳回列表原来页

最新推荐文章于 2023-06-13 14:48:44 发布

愤世大魔头

最新推荐文章于 2023-06-13 14:48:44 发布

阅读量1.3k

点赞数 1

分类专栏： Ant design pro Vue 文章标签： vue编辑跳对应列表 vue带参跳转

本文链接：https://blog.csdn.net/ldr1109/article/details/118226003

版权

情景再现

进入列表第N页，选择第M条信息，进行编辑，编辑完，要求还返回第N页。

实现原理

通过 localStorage 保存进入编辑页前的[页码]及[每页展示条数]的参数，进入编辑页，获取该参数，保存到编辑页的某个变量，再离开编辑页的方法中，将页码参数值，再通过 localStorage 赋值回去，即可实现。

示例代码

list.vue--------------------------
 <script>
    export default {
      data () {
        paginationSet: {
          onChange: page => this.onChange(page),
          onShowSizeChange: (current, pageSize) => this.ShowSizeChange(current, pageSize),
          showSizeChanger: true,
          showQuickJumper: true,
          defaultCurrent: 1,
          pageSize: 10,
          total: 0,
          hideOnSinglePage: true
        },
        listParams: {}
      },
      methods: {
        // 进入编辑页的方法
        toEdit (Id) {
          const listParams = {