keepquery.js

const jar = {}

function canonical(path) {
  // remove trailing slash
  if (path[path.length - 1] === '/') {
    path = path.substring(0, path.length - 1)
  }
  return path
}

export function extendRoute(route) {
  let path = canonical(route.path)
  if (jar.hasOwnProperty(path)) {
    route.query = Object.assign({}, jar[path], route.query)
  }
  return route
}

export default {
  beforeRouteLeave(to, from, next) {
    // keep query of path
    jar[canonical(from.path)] = from.query
    next()
  },
  beforeRouteEnter(to, from, next) {
    let path = canonical(to.path)
    if (jar.hasOwnProperty(path)) {
      // use stored query if exists
      let query = Object.assign({}, jar[path], to.query) // merge previous query
      let newRoute = Object.assign({}, to, {query})
      delete jar[path] // prevent infinity loop gate
      next(newRoute)
    } else {
      next()
    }
  }
}

list.vue

<template>
  <list-component :items="items" />
  <paginate-component :page="page" />
</template>
<script>
import KeepQuery, { extendRoute } from '~/mixins/keepquery'
import api from '~/core/api'

export default {
  name: 'media',
  mixins: [KeepQuery],
  async asyncData({route}) {
    route = extendRoute(route)
    let {total, items, pageSize} = await api.bulletin.list(route.query.page || 1)
    return {total, items, pageSize}
  }
}
</script>