普通的返回定位、缓存页面都是要求 后退时缓存,前进时刷新,但我们的项目比较特殊,要求前进后退都缓存,但点击按钮进入某个页面要刷新数据,这个该怎么做呢,在线等大佬解答,挺急的。。。
在 Vue 中,你可以使用 localStorage 或 Vuex 来实现浏览器前进后退缓存页面,点击跳转不缓存。以下是一个简单的 Vue 实例,它使用 Vuex 来存储用户的当前页面,然后在点击按钮时将用户带到不同的页面。
首先,安装 Vuex:
bash
npm install vuex
然后,创建一个 Vuex store 文件,例如 store.js
:
```javascript import Vue from 'vue' import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({ state: { currentPage: null }, mutations: { setCurrentPage(state, page) { state.currentPage = page } }, actions: { gotoPage({ commit }, page) { commit('setCurrentPage', page) } }, getters: { getCurrentPage: state => state.currentPage } }) ```
接下来,创建一个 Vue 组件,例如 Page.vue
:
```html
```
在这个例子中,我们使用 Vuex 的 setCurrentPage
和 goBack
mutation 来改变页面。我们还定义了一个路由,当用户点击 Go to other page
按钮时,会跳转到不同的页面。
注意:这个例子中的路由和页面跳转都是基于 Vue Router 的,如果你使用的是其他路由库,如 Element UI,那么实现方法可能会有所不同。