vue+element,分页的时候如何在刷新页面后保留当前分页

如题所述
获取表格数据

    getList() {
      this.listLoading = true
      getFactoryList(this.listQuery).then(response => {
        const data = response.data.data
        this.list = data.records
        this.total = data.total
        this.listLoading = false;
      })
    },

更新数据后刷新,直接getlist再走一遍后,分页如何保留

createData() {
      this.$refs['dataForm'].validate((valid) => {
        if (valid) {
          createFactory(this.temp).then(res => {
            const message = res.data.message
            this.dialogVisible = false
            if (res.data.success){
              this.getList()
              this.$notify({
                title: '成功',
                message: message,
                type: 'success',
                duration: 5000
              })

          })
        }
      })
    },
    <pagination v-show="total>0" :total="total" :page.sync="listQuery.current" :limit.sync="listQuery.size" @pagination="getList" />

我给分页一开始有个默认值

      listQuery: {
        current: 1,
        size: 20,
        factoryName:"",
        address:""
      },
阅读 6k
3 个回答

大多数网站采用的是放在 URL 里
比如你跳到第二页, 在后面加上 query

www.t.com/home?pageNum=2

在进入页面的时候 获取 query 参数, 当然如果页面内部的 pageNum 会覆盖 query 的

监听浏览器刷新事件onbeforeload,将当前页码存入localstorage,然后在页面加载的时候读取存好的页码去获取列表数据。
可百度vuex数据持久化

1、全局混入pagechange事件。
2、步骤一方法里本地存储页码,只需存当前页面页码

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题