如何让列表页面记住一些参数？

Question

我有一个Vue项目，但是我遇到了一个问题，

在我的router.js中：

{
      path: '/home/aftersale_physicalserver_workpanel/:use_flag/:areapartition_homeshowtext',
      meta: { keepAlive: true },
      icon: 'compose',
      name: 'aftersale_physicalserver_workpanel',
      title: 'work panel',
      component: resolve => {
        require(['./views/main_home/home/components/general_admin_staff_panel/physicalserver/physicalserver_workpanel.vue'], resolve);
      }
    },

有代码：

...
<template>
  <lml-page
     ref="lml_page_ref"
     v-if=" origin_data && origin_data.count"
     :data_count="origin_data.count"
     :current.sync="cur_page"
     @change_page_for_parent="server_change_page">
  </lml-page>
</template>
...

<script>
  export default {
  props: {
    ...
    cur_page: 1,
  },
</script>

您看到cur_page是页码。我想要URL附加页码。 因为当我进入详细信息页面时，当我返回时，默认情况下将转到页面1。

---

我的目的

我的目的是让list_page记住一些参数。例如较高的page_number和一些搜索参数。但是在Vue中我不知道如何。

当我从搜索到的参数页面进入详细信息页面时，当我返回时：

<span class="go-left" @click="$router.go(-1)">
   <Icon type="chevron-left"></Icon>
   <span>Go back</span>
</span>

会有一个没有搜索到的数据的list_page。

Answer 1

您将需要使用本地存储或中央状态，我使用的是像这样的vuex：

onPageChange: function (pageNo) {
        this.$store.dispatch(this.$mts.some.SOMETHING, pageNo);
      },

然后，您可以在需要的地方致电商店，并get页码。 查找有关如何设置状态管理的vuex文档。 像这样：

this.page = this.$store.getters.some.page