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

Question

如题所述
获取表格数据

    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:""
      },

Answer 1

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

www.t.com/home?pageNum=2

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

Answer 2

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

Answer 3

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